问题标签 [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.
react-native - Webview 未从 Web 接收帖子消息数据
我正在反应本机 Web 视图下加载一个 Vue Web 应用程序。一旦我单击 Web 视图中的按钮。它需要在 react native 中被检测到。有什么可能吗?
android - React Native webview无法在android上打开链接
React 原生 webview 组件在 Android 上无法打开链接,但在 IOS 上可以正常工作,没有任何麻烦。Android 上什么都没有发生,按下后,没有任何错误。同时我尝试用 react native 超链接打开链接,效果很好。你能告诉我,我该如何解决?
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 不是函数的错误。有任何想法吗?谢谢!
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 中?
react-native - react-native-webview 从 html 调用特定的 javascript 函数
以下是 Web 视图,我使用的是内联 HTML。
在下面找到内联的相同 html(发布只是为了使其更具可读性),
当我点击扫描按钮onMessage
被调用并且正在传递的数据被正确接收。我将根据收到的数据调用不同的函数。
以下是相机调用的函数,
performOperation
函数处理回调一个 javascript 方法,或者它只会填充一个文本框,具体取决于data.operation.type
. 所以现在被data.operation.type
调用了,但我无法调用作为对象输入接收的函数。对象如下,CALLBACK
performCallback
fillQRCode
是存在于<script>
html 标记中的函数。
如何将接收到的函数(接收时为字符串形式)转换为函数和调用相同的函数。
ios - 如何正确子类 React 本机 webview 以禁用选择时的上下文菜单?
我需要禁用默认上下文菜单,当在 react-native-webView 中选择一些文本时会弹出该菜单。
我分叉了库并添加了一个新的MyWebView.h
和MyWebView.m
文件来尝试禁用选择操作。
然后在RNCWebView.m
文件中,我进行了以下更改:
在
/li>implementation
RNCWebView 块中,我将自定义 webview 实例化为- 然后在里面
initWithFrame
,我正在做以下事情: /li>
选择被禁用,但其他道具喜欢onMessage
并injectJavascript
停止工作。这是禁用上下文菜单的正确方法吗?
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 启动并运行吗?
javascript - 有什么方法可以在 react-native-webview 中禁用 hapticFeedback
还有
所以问题是当我在 html img 上滚动这个滚动视图时,它会得到触摸并且手机会振动。有没有办法从源端(html)或 react-native-webview 端禁用 webview 触觉反馈?
我认为这是因为在滚动 img 标签时将交互视为 longtouch,因此它在 webview 中启用 longtouch。
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.