一、基本使用
作为目前流行的移动跨平台开发技术,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