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

我想加载一个本地HTML文件，该文件使用tag-in导入本地javascript库。
我尝试过许多解决方案，但没有一个是在React native

0.60.5

上工作的。

• 我已经尝试过了，但是我在iOS上发现域未找到-1100错误
• 我尝试了这个解决方案，但没有成功。（导入js文件的说明不清楚）

我正在使用：

"react": "16.8.6",
"react-native": "0.60.5"

PS：我正在尝试在webView中实现图表库

<View
        style={{
         flex:1
        }}
        >
          <WebView 
        scalesPageToFit
          originWhitelist={["*"]} 
          source={{ uri:"file:///android_asset/highcharts/index.htm",baseUrl:"file:///android_asset/highcharts/"

         }}/>

        </View>

下面是

react native webview

中highchart的一个工作示例

1.首先将所有

html/js

代码移动到以下目录：

your_project/android/app/src/main/assets/

。如果

资产

文件夹不存在，请创建它

现在将所有

html/css/js

代码粘贴到您创建的

assets

文件夹中

关闭终端/cmd/bash或任何用于运行

react native run android

命令的命令

现在运行以下命令<代码>反应本机运行android

现在将上述代码粘贴到

.js

文件中。将

uri

设置为html文件的路径，例如

uri:file:///android_asset/YOUR_HTML_FILE“

和您的

基本URL：”file:///android_asset/YOUR_MAIN_FOLDER/“

---

Hi@Ammar谢谢您的回答。我想导入一个本地js文件（用于离线支持）。很抱歉造成混淆，我已经更新了问题。你能给我建议一种在HTML中导入本地js文件的方法吗？我已经在本地缩小了highcharts.js。这可能会解决您的问题：检查第二个答案。您能否为我推荐一种方法，为ios提供类似的方法？我应该把HTML和js放在哪个文件夹中？我不使用react native进行ios开发，但这很简单。您必须将其放置在与将一些图像加载到应用程序相同的文件夹中。我听说ios也有类似于资产文件夹的东西，但我不确定。你也可以尝试使用我们的react native官方包装。谢谢，@SebastianBochan我试过使用包装器，但目前有一个问题阻止我使用它。