问题标签 [react-native-webview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1676 浏览

react-native - 什么是“this”在WebView组件中的props“ref”在反应本机webview

我尝试在反应本机 Web 视图中注入 JavaScript,如下所示效果很好

但是如果我调用 r.injectJavaScript(someCode) 它不起作用。

0 投票
0 回答
553 浏览

react-native - WebViewClient.onReceivedSslError 处理程序的不安全实现

我收到了您在下面看到的警告。

在此处输入图像描述

您的应用正在使用 WebViewClient.onReceivedSslError 处理程序的不安全实现。请参阅此 Google 帮助中心文章了解详细信息,包括修复漏洞的截止日期。

虽然我们在 React-Native-Webview 的 RNCWebViewManager.java 上为 onReceviedErrorhandler 编写了以下代码。问题仍然存在。如果您能提供帮助,我们将非常高兴。

平台 - React Native 它来自 3d 派对库 - React-Native-Webview

0 投票
1 回答
459 浏览

reactjs - 从 React Native webView 自动使用 Web 应用程序进行身份验证

我正在使用 react native 构建一个应用程序,在该应用程序中我想使用 react-native-webview 访问 Web 应用程序。每次都需要登录才能登录到 Web 应用程序。对于使用 amplify 的身份验证。是否可以通过自动登录连接 Web 应用程序?因为对于 react 和 react native 都使用相同的放大配置用户池 ID

0 投票
1 回答
1674 浏览

android - React Native WebView 视频不在 iOS 中播放

我开发了带有视频播放器的移动应用程序反应原生。
然后我从 react native 项目构建了 Android 和 iOS 应用程序。
但它在 Android 中运行良好,但在 iOS 中无法播放。
如果你曾经遇到过这个问题,请帮助我。

这是代码和包信息。

0 投票
0 回答
1594 浏览

javascript - 检测反应本机 webview 中的 URL 更改,注入的 javascript 未加载到导航到的页面上

当前试图检测反应原生 web 视图中页面的 URL 更改,以便在每次用户导航到 web 视图中加载的网站中的新页面时采取行动。我正在注入以下 javascript,但它仅在加载页面上运行,而不在导航到站点内的其他页面上运行。

我怎样才能让这个 javascript 片段在这个站点的每个页面上运行?

javascript 片段和 WebView 组件:

0 投票
1 回答
4407 浏览

ios - onShouldStartLoadWithRequest 在加载 WebView 中的任何 url 时自动调用 iOS React Native,如何控制它?

我正在为我的应用在 App WebView 中实现。我必须打开一些信息页面,并且我必须根据 webview 中任何特定位置(包含不同类型的数据)的点击来获取一些数据。但是在 iOS 中,在onShouldStartLoadWithRequest自动加载任何 URL 调用时,会导致在 HTML 内容中打开不同的 URL。但它在 Android 中按预期工作。

在这个handleUrlNavigation中会处理任何点击动作的请求,但是每次都是自动调用。我该如何处理?

0 投票
1 回答
1727 浏览

react-native - ReactNative WebView 不在网络上呈现,但在 Android 上运行良好

使用的版本:

使用 React Native 代码:

网页版上只有一个红色边框,而在 Android 上它可以正常加载。

不存在错误。这可能是一个已知问题吗?但是我在任何地方都找不到它的报道。

0 投票
2 回答
503 浏览

javascript - react-native : 从 WebView 的 url 获取内部 api 调用数据

我有一个带有 url 的 webview(例如支付处理页面)。加载 url 后,某些 api 调用已完成,我想知道如何从该特定 url 的内部 api 调用中获取数据。

它不像网页和反应原生代码之间的通信。(window.ReactNativeWebView.postMessageonMessage)我需要来自网页的内部 api 调用响应数据。

0 投票
0 回答
540 浏览

webpack - 如何在 Expo webview 应用程序中修复“找不到变量:需要”

我正在尝试制作一个包含两个部分的应用程序。一部分是反应鳕鱼。第二部分是使用 webpack 将其捆绑到一个 html 文件中,然后我可以使用react-native-web-view.

webpack.config.js:

应用程序.js:

babel.config.js

使用此代码,我得到了错误

在我看过的所有帖子中,似乎都提到了我没有的 babel 插件问题。我能想到的唯一其他原因是require在 webpack 中。

任何帮助表示赞赏

0 投票
1 回答
582 浏览

react-native - 位置:修复了 React 原生 Webview 在 iOS 和 Android 上的行为不一致

我正在尝试使用 Webview 显示代码生成的 SVG。以下组件的行为符合我在 Android 上的需要,但 svg 不适合 iOS/ 上的 webview

Android(正确结果)

在此处输入图像描述

iOS,剪辑

在此处输入图像描述

我认为 iOSposition: fixed不像 android 那样处理......但我不知道为什么以及如何修复它。有什么解决办法吗?