我创建了一个完整的离线ReactJS Web应用程序,并希望使用React-Native从Web View在Android应用程序中运行它。
我按照以下步骤操作:
1. 使用以下命令创建编译后的ReactJS Web应用程序:build
npm run build
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>
);
}
}
在运行这段代码后,我本来期望能够运行我的ReactJS Web应用程序,但实际上只出现了一个白屏。请问可能是什么原因导致的呢?我该如何让我的ReactJS Web应用程序在react-native上运行?
注:我已经成功地使用npm命令运行了生成的“build”文件夹。
serve -s build
但我仍然无法弄清楚如何将它作为WebView移植到React Native项目中。