rn项目使用webview容器读取本地构建完的html

73 阅读1分钟
// 静态资源安卓目录 android/src/main/assets/*.html
const uri='file:///android_asset/*.html'  //ios待完善
<Webview source={{uri:}}></Webview>

记录下在开发一款NFC应用遇到的问题 为了实现一个编辑器海报的功能 并且保持双端的UI统一 使用h5的形式通过webview容器载入 image.png

主要遇到的问题

  • webview与js通信的问题
  • 在html端启用了storage的功能,实现app端的storage与html的storage缓存同步的问题(实际上也是通信的问题,我这边使用了复写了localstorage的setItem方法 通过在html调用setItem更新缓存同时发送postmessage事件通知,更新原生端的缓存)
  • 海报中的素材由于部分是图片元素,在安卓端通过监听blob download 在html选择文件(图片)上传后,将blob文件存在应用缓存内(ios可以直接监听)