问题标签 [react-native-navigation-v2]

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 投票
0 回答
1121 浏览

react-native - 在 wix 的 react-native-navigation v2 中设置搜索栏的样式

我在 react-native 应用程序(iOS 11+)中使用搜索栏。

这些是我给屏幕的选项:

它确实显示了搜索栏:

在此处输入图像描述

但是,我想删除它默认添加的底部边框。

我怎样才能做到这一点?我尝试在 topBar 选项中将“noBorder”设置为 true,但它仍然显示边框。

0 投票
1 回答
88 浏览

react-native - 确定在什么屏幕上?

好的,所以我有两个屏幕,当 qrscanner 读取 qr 时它会导航到 InfoScreen,这一切都很好,但问题是即使屏幕是 InfoScreen,如果相机指向 qr 码它仍然会扫描。

我的问题是我如何检查现在的屏幕应用程序,以便我可以在 qrCodeOnReadHandler if(!qrscreen){return}

0 投票
1 回答
4604 浏览

react-native - 预设选项中不允许 Babel 覆盖反应原生导航

我试图在react-native上添加一个路由器react native navigation v2到这个启动项目,但我有一个与 babel 包有关的问题(可能)。当我跑

我在 Metro Bundler 中有这个错误:

加载依赖图,完成。: 捆绑失败: 错误: [BABEL] D:\react—native\projecti\index.js: .overr ides is not allowed in preset options

在 Object.keys.forEach.key (D:\react—native\projecti\node_modules\metro\node odules\Obabel\core\lib\config\validation\options.js:71:13) at Array.forEach () at在 instantiatePreset (D:\react—native\projecti\node_modules\metro\ node_modul s\l@babel\core\lib\config\full.js:242:36) at cachedFunction (D:\react—native\projecti\node_modules\metro\node_modules\ babel\core\lib\config\caching.js :42:19) 在 loadPresetDescriptor (D:\react-native\projecti\node_modules\metro\node_mo Iules\ftabel\core\lib\config\full.js:233:45) 在 config.presets.map.descriptor (D :\react—native\projecti\node_modules\metr I\node_modules\ftabel\core\lib\config\full.js:68:19) at Array.map () at recurseDescriptors (D:\react—native\projecti\node_modules\metro\node_modu les\Obabel\core\lib\config\full.js:66:38)

在控制台中构建成功结束。

我的 package.json

.babelrc

0 投票
1 回答
476 浏览

react-native - 一个合适的 RNN V2 结构是什么样的?

我一直在尝试制作一个合适的 RNN V2 树,但这对我来说没有意义......给出这个例子:

因此,假设我想告诉导航器对活动的底部选项卡使用红色。如果我想实现这一点,那么我需要将 selectedTextColor 添加到每个组件

与bottomTabs可见,隐藏等相同...如何在父级中设置一次,并让子级继承这些选项?

0 投票
2 回答
1553 浏览

react-native - 反应原生导航性能

我遇到了 React Native Navigation V2 的问题,即等待很长时间才能查看下一个屏幕。

我读到这似乎很正常,因为 react native 必须渲染新屏幕的所有组件。

所以我想知道是否有某些模式可以获得更好的性能或隐藏加载时间的方法(通过加载圆圈或转换)?

0 投票
1 回答
342 浏览

react-native-navigation - Wix react-native-navigation v2 动态选项卡

我已经用于react-navigation我的应用程序。但是,我想转换为wix [react-native-navigation] v2以提高我的应用程序的性能。topTabs但是我在or中的动态选项卡有问题bottomTabs

我有列表项目屏幕,详细项目屏幕。

在 中Detail Item Screen,第一个选项卡是用户单击的项目的详细信息List Item Screen。之后,我已请求 api 获取相关的详细信息项以添加到第一个选项卡的最后一个选项卡中。

我尝试过用户setRootStack,但它没有用。

有什么建议可以解决吗?

0 投票
1 回答
1100 浏览

javascript - react-native-navigation v2:获取当前路线

我想在导航器的根目录中禁止 BackButton 关闭应用程序。如何检测当前路线?

或者也许有内置的 react-native-navigation 方法可以使用后退按钮?

0 投票
0 回答
752 浏览

android - 设置 react-native-navigation 版本 2 时出现问题

我一直在尝试使用 react-native-navigation v2 启动并运行,但是一个接一个地遇到错误。下面是错误

出了什么问题:无法确定任务':app:compileDebugJavaWithJavac'的依赖关系。

无法解析配置 ':app:debugCompileClasspath' 的所有任务依赖项。无法解析项目:react-native-navigation。要求:项目:app 无法在项目的以下配置中进行选择:react-native-navigation:-reactNative56DebugApiElements-reactNative57DebugApiElements-reactNative57WixForkDebugApiElements 所有这些都与消费者属性匹配:-配置'reactNative56DebugApiElements':-必需的RNN.reactNaltiveVersion'reactNative56'但是没有提供价值。- 找到 RNN.reactNativeVersion 'reactNative56' 但不是必需的。- 需要 com.android.build.api.attributes.BuildTypeAttr 'debug' 并找到兼容的值“调试”。- 需要 com.android.build.gradle.internal.dependency.AndroidTypeAttr 'Aar' 并找到兼容值 'Aar'。- 找到 com.android.build.gradle.internal.dependency.VariantAttr 'reactNative56Debug' 但不是必需的。- 需要 org.gradle.usage 'java-api' 并找到兼容值 'java-api'。- 配置 'reactNative57DebugApiElements': - 需要 RNN.reactNaltiveVersion 'reactNative56' 但未提供值。- 找到 RNN.reactNativeVersion 'reactNative57' 但不是必需的。- 需要 com.android.build.api.attributes.BuildTypeAttr 'debug' 并找到兼容值 'debug'。- 需要 com.android.build.gradle.internal.dependency.AndroidTypeAttr 'Aar' 并找到兼容值 'Aar'。- 找到 com.android.build.gradle.internal.dependency.VariantAttr 'reactNative57Debug' 但不是必需的。- 需要 org.gradle.usage 'java-api' 并找到兼容值 'java-api'。- 配置 'reactNative57WixForkDebugApiElements': - 需要 RNN.reactNaltiveVersion 'reactNative56' 但未提供值。- 找到 RNN.reactNativeVersion 'reactNative57WixFork' 但不是必需的。- 需要 com.android.build.api.attributes.BuildTypeAttr 'debug' 并找到兼容值 'debug'。- 需要 com.android.build.gradle。internal.dependency.AndroidTypeAttr 'Aar' 并找到兼容值 'Aar'。- 找到 com.android.build.gradle.internal.dependency.VariantAttr 'reactNative57WixForkDebug' 但不是必需的。- 需要 org.gradle.usage 'java-api' 并找到兼容值 'java-api'。

我的 android/build.gradle

应用程序/build.gradle

设置.gradle

我在这些错误上花了两天时间,但是对于这个特定的错误,无法在网上找到帮助。任何帮助将不胜感激,

0 投票
4 回答
4307 浏览

javascript - 通过 Overlay 传递触摸事件

设置

我有 2 个屏幕,我们称它们为 A 和 B。

屏幕 A 显示由手机后置摄像头记录的摄像头图像(我无法进一步访问的第三方库)。屏幕 B 具有半透明背景和一些 UI 元素(例如按钮)

在此处输入图像描述

任务

我不能直接(第三方)将 UI 元素添加到屏幕 A,这就是为什么我使用react-native-navigation V2通过Navigation.showOverlay在屏幕 A 上覆盖屏幕 B。

问题

两个屏幕都需要对触摸事件做出反应,但屏幕 B 的覆盖似乎阻止了屏幕 A 上的这些事件。

在此处输入图像描述

问题

是否有可能将所有触摸事件从屏幕 B(带有覆盖的 UI)向下传递到屏幕 A(也需要对触摸事件做出反应的相机屏幕),以便两个屏幕都能够对用户输入做出反应?


如果有人对我正在谈论的第三方组件感兴趣:https ://github.com/brave-digital/react-native-wikitude/issues/10

0 投票
1 回答
864 浏览

android-studio - 如何使用 react-native-navigation v2 添加 react-native-splash-screen

当我按照 react-native-navigation v2 初始设置的第 6 步操作时,我在我的项目中使用 react-native-navigation v2

然后我在MainActivity.java中完成以下更改

当我按照react-native-splash-screen中的初始设置步骤进行操作时

然后有冲突,因为MainActivity现在扩展 NavigationActivity而不是ReactActivity,并且要遵循 react-native-splash-screen 的初始设置,我需要覆盖 ReactActivity,我现在应该做什么,添加 react-native-splash-screen使用 react-native-navigation v2?