如何在React-Native Webview中运行React JS构建？

Question

我创建了完整的离线ReactJS Web应用程序，我想使用React-Native从Web View的android应用程序运行它。

我按照以下步骤进行操作：
1.我创建了一个已编译的ReactJS Web应用程序，build使用以下命令获取了该信息：

npm run build

2. 然后，我创建了react-native项目，并build使用以下架构放置了该文件夹

3. 我更新App.js了以下内容：

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 App在react-native上运行吗？

注意：我能够build使用npm命令运行生成的文件夹

serve -s build

但是我仍然不知道如何将其作为WebView移植到react-native项目中

Answer 1

经过研究和测试，我找到了解决方案。我发现的主要问题是编译的build文件夹呈现为static html. 它需要一个server来提供页面服务。

因此，我按照此链接获取build项目以启动并运行然后，将其与NodeJS Android 项目示例集成，以使我的build文件夹作为 Webview 在 Android 中运行。

注：我也尝试react-snapshot过，react-snap但他们没有给出令人满意的结果。