Question

我正在尝试在iOS设备上构建一个用于生产的本机应用程序。

在这个项目中，我正在加载一个本地的html页面。目前我正在使用WebView组件。

<WebView source={{require('./webapp/index.html')}}/>

以下是webapp/index.html。

<!DOCTYPE html>
<html>
<head>
    <title>Foo</title>
</head>
<body>
    <h1>Hello World</h1>
    <script src="js/script.js" type="text/javascript">
    </script>
</body>
</html>

我正按照此处列出的步骤进行制作：https://facebook.github.io/react-native/docs/running-on-device-ios.html#building-your-app-for-production（v0.34）

如何确保index.html能够加载js/script.js？

Answer 1

我们很可能需要自己的服务器。我也在寻找这个，我也没有找到任何相关的答案。

Answer 2

我有react-native-webview-bridge here似乎现在在反应原生核心内部，但我怀疑我们可以使用allowFileAccessFromFileURLs ...如果我发现某事，我会更新这个答案其他

Answer 3

我个人使用了inliner之类的工具，将所有文件内容（您的路径字符串中可能需要点号）自动插入html中，然后在应用程序中使用html字符串。

我通过使用上述库的当前版本实现this来以适合iOS和android的方式导入html字符串。

React Native - 未在设备上加载的Webview文件

3 个答案: