在 React Navigation 5.0 中导航嵌套的导航器

Question

我正在将我的应用程序从反应导航 4 迁移到反应导航 5。不同之处在于，现在无法从深层嵌套的导航器跳转到根导航器，我需要在树中向上导航，但找不到方法来做到这一点.

现在的结构如下所示：

Root navigator
- Auth navigator
-- Login
-- Signup
-- ...
- App navigator
-- Home
--- ...
-- Settings
--- Settings page
--- Account page

我需要能够从settings page进入login但无论我尝试什么，我都会收到错误消息

The action 'REPLACE' with payload '{"name":"AuthNav","params":{"screen":"Login"}}' was not handled by any navigator.

我试图在根导航器中添加一个引用并使用它，但我得到了同样的错误。

任何帮助将不胜感激，无论是关于最佳嵌套实践的提示还是帮助我导航的代码示例。

Answer 1

在这个页面https://reactnavigation.org/docs/nesting-navigators#navigating-to-a-screen-in-a-nested-navigator他们展示了嵌套的方式。 所以在你的情况下应该是这样的。

navigation.replace('Auth', { screen: 'Login' });