Question

我正在使用react-native-webview，并尝试从JavaScript向RN发布消息。

我正在使用window.ReactNativeWebView.postMessage()方法，但由于无法识别ReactNativeWebView而无法解决某些问题，并出现以下错误：

Cannot read property 'postMessage' of undefined

我正在使用以下内容：

“反应”：“ 16.8.3”，
“ react-native”：“ 0.59.8”，
“ react-native-webview”：“ ^ 5.12.0”，

这看起来很简单，所以我不知道我要去哪里。

Answer 1

声明并使用参考值。

 onLoadEnd() {
   this.webview.postMessage("yourmessage");
  }

 <WebView
          ref={webview => (this.webview = webview)}
          onLoadEnd={() => this.onLoadEnd()}
          ...
        />

您的webview_uri应该像React-native一样具有消息接收器。

网页示例

document.addEventListener("message", function(event) {
    console.log("Received post message", event);

    logMessage(event.data);
}, false);

无法识别ReactNativeWebView

1 个答案: