问题标签 [react-native-webview]

所以这个问题看起来很简单。我想导入一个外部 JS 文件，将其转换为字符串并将其用于 WebView 中的注入 JavaScript。

例如我试过：

函数 contentScript 如下所示：

可悲的是，这在大多数情况下都不起作用，因为它返回一个空的 exec。有时会导致意外的代码，甚至可能导致错误。

所以我在考虑可能创建一些额外的编译，将文件转换为文本并导出字符串。你怎么看？什么是最好的解决方案？

我试图为此寻找解决方案，但没有找到任何明确的解决方案。

仅供参考，我正在使用 EXPO。

目前"react-native-webview": "^6.11.1"在应用程序中使用。加载网站时，有一个需要批准的弹出窗口。如何启用/允许 webview 显示弹出窗口？

尝试了几件事：

1. 将 prop 设置useWebKit为 TRUE (WkWebview) 和 FALSE (UIWebview)
2. 设置 proponShouldStartLoadWithRequest为每个 URL 返回 true

更具体地说，当您在桌面 Chrome 上运行它时，我提到的弹出窗口如下所示。应该有一个弹出窗口阻止程序通知，要求您允许弹出窗口。

反应本机版本：0.60

使用的库：react-native-webview（版本：9.0.1）

问题：

当我将 postMessage ( this.webView.postMessage('somedata')) 从我的 react-native 事件处理程序发送到 webview 时，不会触发 onMessage。但是 onMessage 确实会在 webview 发送的事件上触发。

尝试的解决方案：

添加了 document.eventListener 和 window.eventListener。当我从 react-native 发布消息时，仍然不会触发 onMessage。

任何帮助将不胜感激。

代码：

我有一个 React Native 应用程序，我在其中使用沙盒 rest api 在react-native-webview. 这成功地将我重定向到贝宝结帐页面并进行付款。但我需要在成功付款后将用户带到应用程序的上一个屏幕。我需要知道交易是否成功。我可以用 websocket 做到这一点吗？如果是这样，我该怎么做？

我有 RN <=> Webview 正在运行

• webview 订阅“getFoo”消息
• webview 将 foo 值设置为“woo”（通过断点我可以确认 foo 值已更新）
• RN 向 webview 发送“getFoo”消息：给我 foo 的值
• webview 通过回调得到 RN 请求的通知，这里 foo 的值是空的！为什么？
• webview 将 foo 值（空）发送给 RN

下面是webview部分

下面是RN部分