参考:
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了