无法识别 ReactNativeWebView

Question

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

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

Cannot read property 'postMessage' of undefined

我正在使用以下内容：

"react": "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 应该有一个 message-receiver 就像 React-native 的一样。

网页示例

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

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

无法识别 ReactNativeWebView

ReactNativeWebView is Not Recognised

react-native

react-native-webview