ReactNative 中WebView显示本地HTML及其资源文件

参考：

https://www.wddsss.com/main/displayArticle/297

 

想法很简单，就是使用https://github.com/react-native-webview/react-native-webview

直接显示项目中的HTML文件，单一文件时没有问题

<WebView style={{ width: 300, height: 300 }} source={requir('assets/web/test.html')}/>

能正常显示出来。

但如果不止单一html，还有一堆 CSS、js，就执行不成功了，

原因一个是看一下html中链接的地址引用，是否出错了。

 

再就是因为RN没有把这些其它文件打包进来，找不到了。

参考：https://www.wddsss.com/main/displayArticle/297

iOS上，直接把它们包到工程中，同样安卓也需要做一次这样的工作。

 

<WebView style={{ width: 300, height: 300 }} source={{ uri: 'web/index.html' }}originWhitelist={['https://*', 'file://*']}/>

另外，还有打不开file:///的情况，加上一个originWhitelist，就OK了