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

Question

我正在将我的应用从 react navigation 4 迁移到 react navigation 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.orgdocsnesting-navigators#navigating-to-a-screen-in-nested-navigator 他们显示出需要嵌套的方式。所以在你的情况下应该是这样的。

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