ReactNative WebView onMessage监听失败

本文介绍: webview与RN通信，在html里发送通知：window.postMe ssa g e(JSON.stringify({action: 0, data: data}));发现RN的webview的onMe ssa g e 监听不到，解决方案是为webview 重写 window.pos tMe ssa g e 方法：<We bView style={{width:th i s.state.width, height:th i s.state.height}} ref = {(w

webview与RN通信，在html里发送通知：

window.postMessage(JSON.stringify({action: 0, data: data}));

发现RN的webview的onMess age监听不到，解决方案是为webview 重写 window.postMess age方法：

<WebView 
          style={{width:this.state.width, height:this.state.height}}
          ref = {(w) => {this.webview = w}}
          onLoad={this.webviewload.bind(this)}
          source={{html: html}}
          onMessage={this.messageHandler.bind(this)}
          //重写webview的postMessage方法，解决RN无法监听html自带的window.postMessage
          injectedJavaScript={`(function() {
            window.postMessage = function(data) {
              window.ReactNativeWebView.postMessage(data)
            }
            })();`
          }
</WebView>