在 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' });