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

react-native - Webview 未从 Web 接收帖子消息数据

我正在反应本机 Web 视图下加载一个 Vue Web 应用程序。一旦我单击 Web 视图中的按钮。它需要在 react native 中被检测到。有什么可能吗?

0 投票
1 回答
1566 浏览

android - React Native webview无法在android上打开链接

React 原生 webview 组件在 Android 上无法打开链接,但在 IOS 上可以正常工作,没有任何麻烦。Android 上什么都没有发生,按下后,没有任何错误。同时我尝试用 react native 超链接打开链接,效果很好。你能告诉我,我该如何解决?

0 投票
0 回答
1636 浏览

react-native - redirectToCheckout 使用 React Native 进行条带结账

请帮忙!我正在尝试将 Stripe 的新版 Checkout(2019 年 4 月发布)集成到我的 React Native 应用程序中进行一次性付款。

https://stripe.com/docs/payments/checkout/one-time#redirect-checkout

我在第 2 步:重定向到结帐,因为我已经将我的 Ruby on Rails 后端设置到能够提供我的 CHECKOUT_SESSION_ID 的地步,但是当我尝试在我的前端运行 .redirectToCheckout 时,我收到 redirectToCheckout 不是函数的错误。有任何想法吗?谢谢!

0 投票
1 回答
1210 浏览

reactjs - react-native webview 不支持某些 URL 方案

反应:16.9.0
反应原生:0.61.5,

问题:
我正在使用react-native-community/react-native-webview, 在我的应用程序中呈现 Web 视图。我的 URL 方案看起来像intent://cdn.glitch.com/(基本上是一个WebAR,基本上在相机的帮助下在周围的空间中打开一个 3D 模型)。它会抛出一个错误,说 ERROR_UNKNOWN_URL_SCHEME。

我到目前为止所尝试的:

  • 在将 WebView 模块提取到 react-native-community 包之前将 react-native 版本降级到 0.59.0,并使用 0.59.0 附带的 WebView 组件。URL 方案在这种情况下完美运行,WebAR 无缝运行。
  • 降级react-native-webview软件包。在这种情况下,事情没有奏效。

结论:
下面的 react-native 0.59.0 附带的 WebView 组件适用于 URL 方案,但react-native-webview包不能。

需要帮助:

  • 有没有办法支持这样的 URL 方案?
  • 有什么方法可以将提取的 WebView 模块包含在最新版本的 react-native 中?
0 投票
1 回答
948 浏览

react-native - react-native-webview 从 html 调用特定的 javascript 函数

以下是 Web 视图,我使用的是内联 HTML。

在下面找到内联的相同 html(发布只是为了使其更具可读性),

当我点击扫描按钮onMessage被调用并且正在传递的数据被正确接收。我将根据收到的数据调用不同的函数。

以下是相机调用的函数,

performOperation函数处理回调一个 javascript 方法,或者它只会填充一个文本框,具体取决于data.operation.type. 所以现在被data.operation.type调用了,但我无法调用作为对象输入接收的函数。对象如下,CALLBACKperformCallback

fillQRCode是存在于<script>html 标记中的函数。

如何将接收到的函数(接收时为字符串形式)转换为函数和调用相同的函数。

0 投票
1 回答
411 浏览

ios - 如何正确子类 React 本机 webview 以禁用选择时的上下文菜单?

我需要禁用默认上下文菜单,当在 react-native-webView 中选择一些文本时会弹出该菜单。

我分叉了库并添加了一个新的MyWebView.hMyWebView.m文件来尝试禁用选择操作。

然后在RNCWebView.m文件中,我进行了以下更改:

  1. implementationRNCWebView 块中,我将自定义 webview 实例化为

    /li>
  2. 然后在里面initWithFrame,我正在做以下事情: /li>

选择被禁用,但其他道具喜欢onMessageinjectJavascript停止工作。这是禁用上下文菜单的正确方法吗?

0 投票
2 回答
1751 浏览

javascript - WebView(react-native-webview)在 Expo SDK36 中获取错误代码 -1

我的 Expo App 的 WebViewScreen 代码:

但是当我运行它时,我收到以下错误:

注意:
我的 Android 手机已连接到 wifi,并且我几乎可以在我的 Expo 应用程序的每个屏幕上使用后端服务器 API,这确认可以访问互联网并且我的应用程序有权使用 internet

我的环境:
Android 三星手机(Android 版本 5.1.1),
EXPO SDK 版本为 36,
react-native-webview版本 8.0.6,
Expo 客户端应用程序版本 2.14.0

PS:
对于react-native-webview
我没有这样做npm install --save react-native-webview
而是expo install react-native-webview使用expo-cli版本 3.11.7

PPS:我尝试在手机上通过二维码扫描从这里(官方?)运行 webview 的博览会小吃,但得到了同样的错误("code": -1

有人可以指导如何摆脱这个错误并让 webview 启动并运行吗?

0 投票
1 回答
315 浏览

javascript - 防止反应本机 webview 去 youtube 网站

所以我试图在我的 react native 应用程序中显示一个 youtube 视频,所以我开始使用 react native webview。它可以很好地播放视频,但是当您在 web 视图中按下视频的标题时,它会转到 youtube.com(下面的屏幕截图),这是我试图阻止的事情。提前致谢! 截图1 截图2

0 投票
2 回答
686 浏览

javascript - 有什么方法可以在 react-native-webview 中禁用 hapticFeedback

还有

所以问题是当我在 html img 上滚动这个滚动视图时,它会得到触摸并且手机会振动。有没有办法从源端(html)或 react-native-webview 端禁用 webview 触觉反馈?

我认为这是因为在滚动 img 标签时将交互视为 longtouch,因此它在 webview 中启用 longtouch。

0 投票
1 回答
850 浏览

javascript - React Native iOS WebView execute javascript tag in local html

I am trying to show web page with react-native-webview with local html file. But it doesn't execute javascript tags in html file at the iOS platform, but works on Android.

How I can fix it?

This is a codechip which I am using the WebView.

#xA;

Here is ep-home2.js file.

#xA;

Above is what I am trying to display on iOS.