问题标签 [react-navigation-v5]

有人可以帮我如何将其转换为 v5 语法吗？

我似乎无法解决我的问题，我的大脑痛得要命。提前谢谢各位。

我的代码在 React Navigation V3 上运行没有问题，但是在更新到版本 5 之后。我有一段代码来获取活动屏幕的路线名称，但是在更新到版本 V5 之后，this.props.navigation。 state.params 未定义。

这段代码不再起作用 react navigation V5

谢谢您的回答

在 react-navigation v4 上，我能够使用以下代码清除堆栈导航，其中导航到堆栈导航器中的屏幕：

我正在将项目迁移到 react-navigation v5，在尝试了几个代码之后，我无法重现相同的行为。我还尝试使用以下代码清除所需屏幕内的导航，但没有成功（无限循环）：

一些帮助将不胜感激，特别是因为开关导航器已被删除。

当我导航到此屏幕中Blog stack的某些事件（例如BackHandler、open keyboard when focus on Textinput、...）时，会影响Home screen.

新屏幕如何在堆栈导航中作为独立屏幕工作？

如果我的问题被错误地提出，请帮我编辑我的问题

这是我的代码

然后我在堆栈屏幕中引用它，我将其包装在堆栈导航器中

我尝试遵循如何在反应导航中将抽屉放在标题上？但这些很快将在 v5 中不起作用，因为导航器不能有另一个导航器作为直接子级

我在我的本机应用程序中使用 react-navigation 5。在我的应用程序中，我有几个可切换的屏幕，例如Auth、Home、Onboarding等。在主页中，我有一个完全自定义的标题和一个嵌套的导航器。在嵌套导航器中，我有 2 个屏幕List & Settings。我想在显示列表屏幕时在标题中显示一个齿轮图标，在显示设置屏幕时显示一个主页图标。为此，我想要当前活动的路线名称。如何从 react-navigation 的主页中获取活动的嵌套路由名称？

当前行为

• 使用@react-navigation/material-top-tabs 后，我的快照失败，出现以下错误

预期行为

• 快照被保存

如何重现

Messages-test.js：

mockedProvider.js：

Messages.js：

topTabNavigator.js：

jestSetupFile.js：

你的环境

| 软件 | 版本 |

| ---------------------------------- | -------- |

| @react-navigation/本机 | 5.0.5 |

| @react-navigation/material-top-tabs | 5.0.7 |

| 反应原生选项卡视图 | 2.13.0 |

| 反应原生 | 0.61.5 |

| 节点 | 12.16.0 |

| 纱线 | 1.22.0 |

我在 React Native 项目中使用 React Navigation v5。

我有一个设置了 3 个屏幕的堆栈导航器，例如：

画面 A、画面 B、画面 C

屏幕 A 是主屏幕，屏幕 B 的标题中有一个后退按钮，它应该始终返回到屏幕 A。但是我们可以通过两种方式进入屏幕 B：

1. 屏幕 A > 屏幕 B
2. 画面 A > 画面 C > 画面 B

如果我们通过屏幕 C 到达屏幕 B，有没有办法可以将路线历史重置为“后退”按钮将返回屏幕 A（而不是屏幕 C）。

我已经查看了重置方法，但它会立即导航回屏幕 A，而不是更改路线历史记录。

在 react-navigation 的 V4 文档中有一个很好的 switch navigator 示例：

https://snack.expo.io/@react-navigation/auth-flow-v3

我不明白如何将其更改为 V5 的正确方式。链接在这里：

https://reactnavigation.org/docs/en/upgrading-from-4.x.html#switch-navigator

您能提供的任何帮助将不胜感激。

我正在尝试为我的 react-navigation 抽屉中的每个屏幕添加一个图标，但该图标没有出现。

这是我的代码：

在文档中，仅在 DrawerItem 中提到了添加图标：

https://reactnavigation.org/docs/en/drawer-navigator.html