小编MoO*_*MoO的帖子

如何从 WebView 向 React Native 发送消息?

我\xe2\x80\x99已经成功地从React Native(RN)发送消息到WebView。

\n

我\xe2\x80\x99m 所困扰的是将消息从WebView 返回到RN。\xe2\x80\x99s 没有显示任何错误 - 它\xe2\x80\x99s 只是消息永远不会通过。

\n

这是 I\xe2\x80\x99m 使用的代码:

\n

反应本机代码

\n
<WebView\n  ref={webview => (this.webview = webview)}\n  source={{ uri: "http://www.my-web-site"}}\n  onLoadEnd={() => this.onLoadEnd()}\n  onMessage={this.onMessage}\n  cacheEnabled={false}\n  originWhitelist={['*']}\n  javaScriptEnabled={true}\n/>\n\nonLoadEnd() {\n  this.webview.postMessage("RN message");\n}\n\nonMessage(message) {\n  console.log("I can\xe2\x80\x99t see this message!");\n}\n
Run Code Online (Sandbox Code Playgroud)\n

网页视图代码

\n
document.addEventListener("message", function (event) {\n  setTimeout(function(){document.postMessage("WebView message")}, 3000);\n}, false);\n
Run Code Online (Sandbox Code Playgroud)\n

react-native react-native-webview

6
推荐指数
1
解决办法
1万
查看次数

标签 统计

react-native ×1

react-native-webview ×1