时间戳

首页 > 解决方案 > 如何在反应本机ios webview中加载本地文件

react-native-ios - 如何在反应本机ios webview中加载本地文件

问题描述

本地文件未在 ios 中加载，在 android 中其工作正常，使用 react-native-webview 版本 5.0.1

<WebView
                        source={{ uri: 'ICF-Package/ICFPackage/index.html'}}
                        ref={(webView) => this.webView = webView}
                        originWhitelist={'["*"]'}
                        javaScriptEnabled={true}
                        domStorageEnabled={true}
                        scrollEnabled={false}
                        onLoad={() => this.sendPostMessage()}
                        allowFileAccess={true}
                        allowUniversalAccessFromFileURLs={true}
                        allowFileAccessFromFileURLs={true}
                        useWebKit={true}
                    />

标签： react-native-ios

解决方案

在 ios 中要访问本地文件，您需要将它们包含Copy Bundle Resources在 XCode 的部分中。

  1. 在 Xcode 的左窗格中单击您的项目名称。
  2. 在中心窗格中，选择您的应用目标
  3. 点击Build Phases顶部的标签
  4. 滚动到Copy Bundle Resources部分并单击+
  5. 在列表中找到您的文件。如果未找到 单击Add other选项并找到它。
  6. 然后在您的代码中将 webview 的源属性更改为：
  source={{ uri: 'ICF-Package/ICFPackage/index.html', baseUrl: './'}}

希望这可以帮助

推荐阅读