h5 或者vue添加监听
/*
* vue 监听采用
* window.window.addEventListener ios
* window.document.addEventListener android
* h5
* window.addEventListener ios
* document.addEventListener android
* */
// 具体是用window还是document如上面描述
window.addEventListener('message', function (e) {
let data = event.data;
// let obj = JSON.parse(data);
alert('event lst:' + data);
})
h5 向 RN发送消息
window.ReactNativeWebView.postMessage(msg) // msg 为string
RN向h5发送消息
this.webView.postMessage(msg); // msg 为string
另外还可以用脚本同h5交互
RN端
this.webView.injectJavaScript(`receiveMessage("RN向H5发送消息");true;`) // 网页为vue编写
this.webView.injectJavaScript(`window.receiveMessage("RN向H5发送消息");true;`). // h5
h5 注册方法
// vue
mounted(){
window.receiveMessage = (msg) => { //在window上挂载一个receiveMessage方法,RN会调用
alert( msg)
}
},
// h5
window.receiveMessage = (msg) => {
alert( msg)
}