您当前的位置: 首页 >  react native

xiangzhihong8

暂无认证

  • 1浏览

    0关注

    1324博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

React Native 加载H5页面

xiangzhihong8 发布时间:2022-04-27 18:49:20 ,浏览量:1

一、基本使用

作为目前流行的移动跨平台开发技术,React Native 提供了一个使用 JavaScript 构建原生跨平台移动应用的强大框架。使用React Native开发时,经常会遇到加载H5网页的需求,此时需要用到react-native-webview插件来执行H5网页的加载。

使用插件之前,需要先安装npm i react-native-webview插件,命令如下:

npm i react-native-webview

然后,就可以在业务代码中引入react-native-webview 插件的WebView组件,比如:

 this.webView = webView }
          originWhitelist={ ['*'] }
          // 布尔值,指定WebView中是否启用JavaScript。只在Android上使用,因为在iOS上默认启用了JavaScript。
          javaScriptEnabled={ true }
          // 布尔值,指定是否开启DOM本地存储
          domStorageEnabled={ true }
          // 允许文件上传
          allowFileAccess={ true }
          // 在webView内部网页中,调用window.postMessage可以触发此属性对应的函数,通过event.nativeEvent.data获取接收到的数据,实现网页和RN之间的数据传递
          onMessage={ this._o
关注
打赏
1482932726
查看更多评论
立即登录/注册

微信扫码登录

0.1664s