我创建了完整的离线ReactJS Web应用程序,我想使用React-Native从Web View的android应用程序运行它。
我按照以下步骤进行操作:
1.我创建了一个已编译的ReactJS Web应用程序,build使用以下命令获取了该信息:
npm run build
Run Code Online (Sandbox Code Playgroud)
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, WebView} from 'react-native';
import {roscon} from "./build/index.html";
type Props = {};
export default class App extends Component<Props> {
render() {
return (
<View style={{height: 300, width: 300,overflow:'hidden' }}>
<WebView
source={{uri: roscon}}
scalesPageToFit={true}
domStorageEnabled={true}
javaScriptEnabled={true}
startInLoadingState={true}
/>
</View>
);
}
}
Run Code Online (Sandbox Code Playgroud)
运行这段代码后,我希望它能够运行我的ReactJS Web应用程序,相反,我得到了白屏。
您能告诉我可能是什么引起的问题,以及如何使我的ReactJS Web App在react-native上运行吗?
注意:我能够build使用npm命令运行生成的文件夹
serve -s build
Run Code Online (Sandbox Code Playgroud)
但是我仍然不知道如何将其作为WebView移植到react-native项目中