问题标签 [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 回答
41 浏览

android - Android:当我设置 shouldOverUriLoading 返回 false 时,HTML 中的脚本无法调用 addEventListener

当我使用 react-native-webview 时,我必须设置函数 shouldOverideUrlLoading 返回 false。这样我的 HTML 脚本就无法收听我从组件发送的消息。它在 iOS 中运行良好,但在 Android 中我在 HTML 中的函数 addEventListener 不会触发任何东西

我的 HTML javascript 看起来像:

在我的组件中,我将 postMessage 发送到我的 WebView,如下所示: this.WebView.postMessage("hello");

在 iOS 中,没有错,但在 Android 中,可能 shouldOverideUrlLoading 阻止我将数据从组件传递到 webview 以更新 HTML 文件。那么,您是否有另一种解决方案将数据从组件传递到 webview,而不是通过 postMessage 或者我在某些事情上错了?请帮帮我

0 投票
2 回答
516 浏览

javascript - 无法读取属性 '#' 未定义的反应本机

我正在 react-native 中创建一个 Webview,但是当我导航到任何页面并尝试导航回来时,应用程序会关闭。

我已经阅读了一些关于 STACK-OVERFLOW 的答案,并尝试了一些代码来处理 android 的后退按钮,但它没有帮助。

这是尝试过的代码:

在这当我按下后退按钮时它给我错误“无法读取未定义反应本机的属性'#'”

0 投票
1 回答
419 浏览

react-native - 如何使用 React Native 在 QR 码生成器中实现 WebView?

[不变违规:WebView 已从 react-native 中删除。][1]

0 投票
1 回答
75 浏览

reactjs - 使用 React Native WebView 获取“来源:错误”

我正在尝试使用以下代码通过 POST 方法在 React Native WebView 中加载屏幕:

它向我的屏幕输出以下错误:

在此处输入图像描述

当我记录传递给body它的值时hpp_id=4TP6Htore3&hpp_preload&ticket=hpp1572015949qD9N3OayJYtdVQvA7,这是我所期望的。

操作系统:OS X 10.14.6

反应原生:0.61.2

反应原生网络视图:7.4.2

0 投票
1 回答
169 浏览

reactjs - React Native:如何让 Moneris 事务返回到应用程序?

我正在 WebView 中的 React Native 应用程序中处理与 Moneris 的事务。我的 WebView 中的 URL 包含我的托管支付页面配置的凭据作为 URI 参数。在 Moneris 网站上创建该配置时,我需要提供托管支付页面的 URL,以便在交易完成后重定向到。当我输入类似https://www.google.ca/回调的内容时,它工作正常,但我不知道我需要输入什么回调 URL 才能返回我的应用程序。

我想知道的:

我需要使用什么回调 URL 才能返回到 React Native 应用程序?

0 投票
1 回答
345 浏览

react-native - 使用 react-native-webview 加载静态 HTML 内容并向其添加 baseUrl。点击时返回意外的 url

我正在使用 react-native-webview。我正在向其中添加静态 HTML 内容,使用 baseUrl 作为相对路径。{ console.log(navState); }} /> 点击 Webview 中的链接,得到以下日志: { canGoForward: false, canGoBack: false, title: "", loading: true, url: "data:text/html;charset=utf-8; base64,", ...}

如何获得准确的网址?我正在Android模拟器上尝试这个

0 投票
1 回答
372 浏览

react-native - React Native Webview:不支持浏览器

我正在玩 react-native-webview,当我尝试添加这个 URL(https://maps.flydenver.com/)时,我收到了这个错误:

在此处输入图像描述

有没有办法来解决这个问题?

0 投票
1 回答
1094 浏览

react-native - 如何在 React Native 的 WebView 中隐藏键盘工具栏(InputAccessoryView)?(iOS)

我在本机反应中使用WebView,当单击输入并打开键盘时,我使用键盘工具栏(InputAccessoryView)获得了如何隐藏这一行?或控制这部分,如更改“完成”文本?

webview 键盘打开

0 投票
0 回答
1291 浏览

android - 如何以编程方式控制 React Native 中的 Youtube 嵌入视频质量

有没有办法可以在 Android 网络视图中设置 youtube 视频的质量?我已经尝试过以下选项,但没有奏效。

  • 在 IFrame Player 的播放质量中找到的方法 setPlaybackQuality 现在已弃用。
  • 将参数 vq 附加到嵌入的 URL。

    示例:src="http://www.youtube.com/embed/VIDEOID?vq=large"

据我了解,Youtube 实施了一项根据您的带宽和可能的屏幕尺寸控制质量的政策。在现已弃用的较旧的基于 Web 的 API 中,它可能会列出质量编码并直接流式传输所需的版本。但这不再是一种选择。

任何帮助,将不胜感激。

如何以编程方式控制 Youtube 嵌入视频质量

0 投票
0 回答
32 浏览

react-native - 发布请求返回经过身份验证的网页,但 webview 仍然显示登录网页

我是 React Native 的新手,在发出发布请求后我遇到了 react-native-webview 的问题。在我的应用程序上,用户使用我存储在 SQLite 中的客户编号和密码登录,因为我将使用这些数据。当用户在 SideMenu 上触摸一个名为“Backoffice”的选项时,它会打开一个 WebView,但在加载 URL 之前,它会使用客户端编号和从 SQLite 恢复的密码向特定 URL 发出 post 请求。这个post请求返回了一个经过认证的网页,但是当webview加载我定义的URL时,它填充了未经认证的网页,也就是登录网页。我在浏览器上做了一个类似的测试,它工作正常,webview 的情况没有发生。我仍然花了很多天。我将不胜感激任何类型的帮助。