问题标签 [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 投票
2 回答
378 浏览

click - 如何在反应原生导航 Wix V2 中从侧边菜单导航到页面

我是反应原生的新手。我想从侧面菜单导航到屏幕。我使用了 react-native-navigation Wix V2 库。如果有人可以帮助我举一个简单的例子,我将不胜感激。

0 投票
0 回答
150 浏览

react-native-navigation - React Native Navigation v2 真的稳定吗?

过去,我一直在使用 RNN v1 作为课程的一部分,也将其作为辅助项目的一部分。

目前,我想尝试 v2,所以我抓住了我现有的代码并开始按照官方文档进行翻译。但是,由于与 RNN 相关的文件不同,我不断收到失败的构建。其中许多被记录为问题,但其他一些没有得到解决。

另外,我一直在查看 react-native-navigation 存储库,并且一直在寻找它们正在以非常快的速度沿 subversions 移动,因此不确定这是否意味着它仍然不是很稳定。

那么,你的意见是什么?我应该继续使用 v1 还是尝试安装 v2 时崩溃?

问候。

亚历杭德罗。

0 投票
1 回答
1476 浏览

react-native - Wix React Native Navigation V2 - 自定义导航转换

Wix React Native Navigation V2 自定义导航过渡

像我这样的内容版主可能会在这个问题上被绊倒并标记为重复,因为有类似名称的库,如 React Navigation,与此无关。

有没有一种通用的方法来自定义推送/弹出的过渡动画?实验后文档似乎稀疏且不正确。

默认推送动画从右向左移动。我希望能够在某些情况下将其覆盖为从左到右或从上到下等。

在使用“动画”和“x”或“y”属性时,每次推送/弹出似乎都不起作用。

这是我尝试过的一个例子。

但是我也尝试过每个实际命令和全局以及没有效果,还尝试在前面使用“_”,因为一些随机示例显示了这一点。

由于这方面的文档非常差,我通常对如何自定义感到困惑。

0 投票
1 回答
699 浏览

react-native-navigation - 将 ThemeProvider 包装到 wix react-native-navigation V2

我正在尝试使用 react-native-elements ThemeProvider 包装我的基于 RNN v2 的应用程序。如果将 ThemeProvider 包裹在单个组件上,但如果使用 Navigation 注册则不能与相同的主题一起工作,我做错了什么?

我也试过这种方法。。

0 投票
0 回答
45 浏览

stack - 为 React-native-navigation v2 上的堆栈重写顶部栏上的标准左按钮

我正在使用带有 wix-react-native-navigation 的堆栈。当用户按下返回按钮时,我需要检查屏幕上的值并防止弹出。有没有办法重写这个返回按钮的标准行为,或者我需要替换一个自定义的?

0 投票
1 回答
746 浏览

reactjs - 从堆栈移动到bottomTabs使topBar在react-native-navigation 2中消失

我创建了一个虚拟项目来学习。因此,我创建了一个带有按钮的虚拟登录页面,该按钮将我重定向到主应用程序,它是一个 bottomTabs 应用程序。登录屏幕的 topBar 可见,但是当我单击要重定向的按钮时,我看不到任何 topBar,即使我定义了它。

这是我的 App.js

我的 AuthScreen 组件是这个:

主要标签代码是:

如果这有帮助,我调用的组件是完全一样的,代码是这样的:

我目前使用的环境是:

  • React Native Navigation 版本:2.12.0
  • React Native 版本:0.57.5
  • 平台(iOS、Android 或两者?):iOS
  • 设备信息(模拟器/设备?操作系统版本?调试/发布?):设备,带有 iOS 12.1.4 的 iPhone 7
0 投票
1 回答
358 浏览

react-native - 在反应原生导航 v2 中使用 mergeOptions 函数之前,有没有办法读取选项?

有没有办法在使用 mergeOptions 函数之前读取选项。我正在尝试添加一个使用相同按钮打开和关闭的 sideMenu。但是为了处理这个逻辑,我不想使用 redux,而是想在合并之前阅读选项,所以我可以简单地做一些类似visible: !pastVisible.

所以基本上我想在更改可见选项之前读取它的值。

0 投票
0 回答
71 浏览

react-native - react-native-navigation 中最顶层包装组件的最佳设计模式

我目前正在将我的代码库从 react-navigation 迁移到 RNN。对于之前的实现,我在 Provider 组件下多了两个封装的组件。架构如下图

但是现在如果我理解和实现正确的话,RNN的新架构应该是这样的

这些屏幕共享同一个 redux store。但是在这里嵌入我的两个以上组件的最佳方法是什么?请注意,我需要这些屏幕使用与单例方式相同的实例。如果我使用 HOC 包装屏幕 1 和屏幕 2...,每个屏幕都将被新的管理器实例包装。如果没有要控制的全局标志,某些逻辑(如 open ws)可能会运行多次。我想知道是否有一种 RNN 方法来处理这种情况以及最好的设计模式是什么。

0 投票
0 回答
337 浏览

react-native - React Native Navigation - 在 React Native v0.59 上运行 npm 运行 android 构建错误

细节:

  • “反应原生”:“0.59.0”
  • “反应原生导航”:“^2.13.1”

我已经按照这里的安装说明进行操作。但是当我执行命令行npm run androidreact-native run-android遇到这样的错误时

任务:react-native-navigation:compileReactNative57_5DebugJavaWithJavac /Users/vive/Documents/Projects/RNPlayground/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/Element。 java:17: 错误:ReactViewBackgroundDrawable 在 com.facebook.react.views.view 中不公开;无法从外部包导入 com.facebook.react.views.view.ReactViewBackgroundDrawable 访问;

如何解决这个问题?有人知道吗?谢谢你。

问题已解决:只是意识到我在安装步骤中遗漏了一些东西。从这里得到提示

0 投票
1 回答
1658 浏览

react-native-navigation - 如何用 react-native-navigation v2 中的其他组件替换嵌套堆栈?

我正在尝试使用 react-native-navigation v2 构建一个动态向导。
我说动态是因为步骤数可能会根据用户选择的选项而有所不同。

我正在考虑使用嵌套堆栈,所以我的应用程序的布局看起来像这样:

ComponentX 是我启动向导的地方,所以我推送一个新堆栈,如下所示:

在用户在 stepN 上做出最后一个选择后,我想用一个摘要屏幕替换嵌套堆栈,使其具有如下内容:

我可以用它Navigation.setRoot来重置整个事情,但这意味着我可能不得不将导航存储在 Redux 中。我也尝试过使用Navigation.setStackRoot,但我的印象是它设置了父堆栈根而不是我的嵌套堆栈......