使用 React Native Webview 添加本地 HTML 和 JS 文件

Question

我想加载一个本地 HTML 文件，该文件使用react-native-webview 中的标签导入本地 javascript 库。

我尝试了很多解决方案，但没有在 React Native 上工作0.60.5。

我已经尝试过这种方法，但在 iOS 上出现 Domain Not Found -1100 错误。

尝试了这个解决方案，但没有奏效。（而且导入js文件的说明不清楚）

我在用 ：

"react": "16.8.6",

"react-native": "0.60.5"

PS：我正在尝试在 webView 中实现highcharts.js图表库。

Answer 1

<View&nbsp; &nbsp; &nbsp; &nbsp; style={{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;flex:1&nbsp; &nbsp; &nbsp; &nbsp; }}&nbsp; &nbsp; &nbsp; &nbsp; >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <WebView&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; scalesPageToFit&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; originWhitelist={["*"]}&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; source={{ uri:"file:///android_asset/highcharts/index.htm",baseUrl:"file:///android_asset/highcharts/"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}}/>&nbsp; &nbsp; &nbsp; &nbsp; </View>这是react-native-webview.1.首先将所有html/js代码移动到以下目录：&nbsp;your_project/android/app/src/main/assets/.&nbsp;如果该assets文件夹尚不存在，请创建它。现在将所有html/css/js代码粘贴到assets您创建的文件夹中关闭你的终端/cmd/bash 或任何你用来运行react-native run-android命令的东西。现在运行以下命令。react-native run-android.现在将上面的代码粘贴到您的.js文件中。设置uri为您的 html 文件的路径，例如uri:"file:///android_asset/YOUR_HTML_FILE"和您的baseUrl:"file:///android_asset/YOUR_MAIN_FOLDER/"