小编Yas*_*hal的帖子

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

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

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

npm run build
Run Code Online (Sandbox Code Playgroud)
  1. 然后,我创建了react-native项目,并build使用以下架构放置了该文件夹 与本地文件夹反应

  2. 我更新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>
    );
  }
}
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项目中

reactjs react-native

5
推荐指数
1
解决办法
548
查看次数

标签 统计

react-native ×1

reactjs ×1