react-native - 无法识别 ReactNativeWebView

Question

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

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

Cannot read property 'postMessage' of undefined

我正在使用以下内容：

• “反应”：“16.8.3”，
• “反应原生”：“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);