问题标签 [react-native-webview]

基本说明

我在 webview 中渲染一个 epub 文件，我希望用户无法复制文本，但我想让他出于某些原因选择文本（突出显示和一些东西）

.

默认顶部提示：

我只是想禁用此默认工具提示，并且在任何选择后都不显示它。

我正在搜索，发现我可以通过使用这 2 行代码来阻止用户选择：

但这不是我想要的。我想让用户选择文本，不要让他们复制它。.

请帮助我谢谢

我react-native-navigation与社区web-view组件一起使用。

我的问题是 - 屏幕称为 WebLinkScreen，它会在我的应用程序中打开不同的网络链接。

如果我离开那个屏幕，比如说打开https://example.com。然后打开一个传递参数的不同页面 URL https://sample.com，我仍然看到正在打开的示例页面。

我究竟做错了什么？谁在缓存屏幕/页面？它是 WebView 组件还是react-native-navigationstackNavigator？

我创建了新的 react-native 应用程序（react native 版本 0.60.5 并添加了 react-native-webview。应用程序适用于 iOS。但在 Android 上不起作用。

我在 App.js 中创建简单的代码

它适用于 iOS。不适用于安卓

info 运行 jetifier 将库迁移到 AndroidX。您可以使用“--no-jetifier”标志禁用它。Jetifier 找到 876 个文件来转发-jetify。使用 4 个工作人员... info 正在启动 JS 服务器... info 正在安装应用程序...

配置项目 :react-native-webview :react-native-webview:reactNativeAndroidRoot /Users/clark/Documents/react-native/examples/WebViewApp/node_modules/react-native/android

任务：app:installDebug 09:29:21 V/ddms：执行：运行 am get-config 09:29:21 V/ddms：在“emulator-5554”上执行“am get-config”：EOF 命中。读取：-1 09:29:21 V/ddms：执行：返回在 'Pixel_2_API_Q(AVD) - 10' 上安装 APK 'app-debug.apk' for app:debug 09:29:21 D/app-debug.apk ：将 app-debug.apk 上传到设备 'emulator-5554' 09:29:21 D/设备：将文件上传到设备'emulator-5554' 09:29:21 D/ddms：读取 /Users/clark/ 的文件权限Documents/react-native/examples/WebViewApp/android/app/build/outputs/apk/debug/app-debug.apk as: rw-r--r-- 09:29:21 V/ddms: 执行: running pm install -r -t "/data/local/tmp/app-debug.apk" 09:29:22 V/ddms: 执行 'pm install -r -t "/data/local/tmp/app-debug.apk" ' 在 'emulator-5554' 上：EOF 命中。读：-1 09:29:22 V/ddms：执行：返回 09:29:22 V/ddms：执行：运行 rm "/data/local/tmp/app-debug.apk" 09:29:22 V/ddms：在 'emulator-5554' 上执行 'rm "/data/local/tmp/app-debug.apk"' ：EOF 命中。读取：-1 09:29:22 V/ddms：执行：返回安装在 1 个设备上。

此版本中使用了已弃用的 Gradle 功能，使其与 Gradle 6.0 不兼容。使用“--warning-mode all”显示各个弃用警告。请参阅https://docs.gradle.org/5.4.1/userguide/command_line_interface.html#sec:command_line_warnings

在 5 秒内构建成功 46 个可操作的任务：2 个已执行，44 个最新 <-------------> 0% WAITING

IDLE IDLE IDLE IDLE info Connecting to the development server... adb: error: cannot bind listener: Operation not allowed warn 无法使用“adb reverse”连接到开发服务器：命令失败：/Users/clark/Library/Android/sdk /platform-tools/adb -s emulator-5554 reverse tcp:8081 tcp:8081 info 在“emulator-5554”上启动应用程序...开始： Intent { cmp=com.webviewapp/.MainActivity } Igors-MacBook-Pro： WebViewApp 克拉克$

我有一个对 api 的 http 调用，第一次调用是可以的，在使用应用程序期间有https同域下的调用。即使结果https调用没有发生在 webview 中，但http同一域下的所有 url 都将重定向到httpswebview 中。

在堆栈跟踪下方的 64 位 armv8 设备上崩溃。检查了几个不同的 Android 系统 WebView 版本，包括最新的 beta 版本 (77.0.3865.73)。

重现： 使用 react-native init AwesomeProject --0.60.5 创建项目使用React Native WebView 入门指南安装 react-native-webview

堆栈跟踪

截图：

我的应用使用 react-native-webview 播放我的内容（通常是 youtube.com 视频页面）。我想让我的应用程序在后台时仍然播放内容。现在应用程序在成为背景时停止播放声音。

我启用了功能：

这是我的 react-native-webview 代码。

从 react-native 升级0.59.10到0.60.5我们在构建 Android 时收到此错误：

自定义 webview 是根据文档创建的：https://facebook.github.io/react-native/docs/custom-webview-android

摘自CustomeWebViewManager.java：

反应原生版本：

在 package.json 我们有：

重现步骤

1. 按照文档创建一个 Android CustomWebView：https://facebook.github.io/react-native/docs/custom-webview-android
2. 尝试通过做来构建Androidreact-native run-android

描述您期望发生的事情：Android 应用程序应该像以前一样构建和运行 (0.59.10)

0.60 react-native 文档页面：

简短的摘要：

尝试在使用 React Native 构建的移动应用程序中使用WebViewfrom'react-native-webview'来呈现 URL 内容是一件让我头疼的事情。

长总结：

在过去的几个月里，我使用 PHP 7 为我的公司构建了大约 10 个网站。现在由于欧盟的一些资金，我建立网站的这些公司中的大多数也需要移动应用程序。仅将它们用于 Android 就足够了，但如果它们也用于 iOS 那就太好了。

经过一番谷歌搜索后，我（也许是愚蠢地）决定最好的方法是使用 React Native。

现在详细说明，这些应用程序将是最简单和无用的应用程序，只是为了检查某些纸张上的某个复选框。

我建立的所有网站都已经完全支持移动响应，因此使用移动浏览器查看和使用它们提供的所有内容是完全可以的。

这就是为什么只创建一个内部带有 webview 的移动本机包装器会非常好，它的工作方式与浏览器完全一样，尽管除了来自网站的直接链接之外没有浏览到 URL 的功能。

我做了什么：

我将 VS Code 与内部 bash 终端一起使用（操作系统 = Windows 10）

我安装并更新了 NPM

• 节点.js

• 安卓工作室 + SDK
• 安卓虚拟设备

我在我的项目文件夹中打开了 VS Code 终端并运行了一些命令：

打开另一个终端：

这创建了一个默认的 Welcome to React 应用程序，并在使用 Marshmallow 的模拟 Pixel 2 手机中运行它。到目前为止，一切都很好。

我更改了 App.js 内容并从 中导入Text,和其他一些内容View，玩玩了，模拟器中的应用程序接受了所有内容，甚至图像。到目前为止，一切都很好。AppRegistry'react-native'

我通过创建一个新组件做了同样的事情，一切都还可以。

现在是魂器：

Facebook 的说明告诉我们遵循新的和改进的react-native-community/react-native-webview

我<View><Text>Hello</Text></View>在 render() 中的代码仍然有效。

现在我将其更改为：

我得到一个错误，说： Invariant Violation: requireNativeComponent: "RNCWebView" was not found in the UIManager.

尝试$ react-native link没有任何改变。也试过

但再次没有变化。

在 React Native 中使用 WebView 的正确方法是什么？

我正在尝试为 react-native-webview 制作自定义导航控件。该应用程序抛出此错误（在 andorid 和 ios 中）：

这是我在 React Native 中的第一个应用程序，但我在使用 React 进行 Web 开发方面经验丰富。我真的不知道如何调试这个错误。我不确定这个错误是因为错误 react-native-webview 还是我自己的代码中的错误。

编码

我想防止重定向到 react-native-webview 中的新页面。而不是重定向，我想在那里打开新的 webview 模式并打开 url。

有可能做到这一点吗？

在 IOS 中，使用 stopLoading 可以正常工作，但它不适用于 Android，

请帮忙！！