react-native-webview和h5通讯

h5发送数据   

window.ReactNativeWebView.postMessage('事件类型type')；

rn接收数据   （this.webview是通过refs得到react-native-webview实例）

方式一，this.webview.injectJavaScript('h5函数名(type，参数为字符串数据)')；  

h5 事先定义好函数，rn注入的js代码 进行调用

缺点是对于h5端混淆的js代码不起作用，因为函数名改变

方式二，this.webview.postMessage('json格式的字符串数据{"type":"type值","data":"字符串对象数据"}');

h5通过document的message函数监听rnpostMessage来的数据，解决js混淆问题，适用vue

window.onload = function() {

  document.addEventListener("message", function(e) {

      JSON.parse(e.data); //e.data 是接收的数据

   });

}