Webview未从网络接收帖子信息数据

2024-06-01 • 问答

我正在反应原生Web视图下加载Vue Web应用程序。一旦我单击Web视图中的按钮。它需要在react native中被检测到。有没有可能？

您可以使用

window.postMessage("Click in Vue");（在按钮Vue js中单击）将消息表单html页面发布到react-native

window.postMessage（）方法安全地启用Window对象之间的跨域通信；例如，在页面与其产生的弹出窗口之间，或在页面与嵌入其中的iframe之间。

您可以在Webview组件中获得此消息，如下所示：

<WebView
   onMessage={(message) => this.onMessage(message)}
/>

在onMessage方法中，您可以获取如下数据：

onMessage(message) {
   console.log(message.nativeEvent.data);
}

更新

似乎react-native-webview改变了它调用postMessage的方式，所以现在您应该这样做：window.ReactNativeWebView.postMessage("Click in Vue");

了解更多here