无法识别 ReactNativeWebView

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);