RN使用WebView注意事项

最新推荐文章于 2025-06-06 09:05:52 发布

转载最新推荐文章于 2025-06-06 09:05:52 发布 · 338 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2400070/blog/3046625

博客介绍了在webview内部网页中，通过调用window.postMessage方法触发对应函数，实现网页和RN之间的数据交换。设置属性时会在webview注入全局函数。网页端发送的参数封装在RN端event对象中，还提及发送问题及参数填写参考等内容。

官网原话：

在 webview 内部的网页中调用 window.postMessage 方法时可以触发此属性对应的函数，从而实现网页和 RN 之间的数据交换。设置此属性的同时会在 webview 中注入一个 postMessage 的全局函数并覆盖可能已经存在的同名实现。

网页端的 window.postMessage 只发送一个参数 data，此参数封装在 RN 端的 event 对象中，即 event.nativeEvent.data。data 只能是一个字符串。

貌似window.postMessage发送不了，试试window.ReactNativeWebView.postMessage。postMessage有两个参数，第一个参数怎么填？参考：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage

RN端的event直接打印打印不了，try...catch...也捕捉不到错误，得写全evnet.nativeEvent.data。

转载于:https://my.oschina.net/u/2400070/blog/3046625