首页 > 解决方案 > React navigation 5 - 从一个堆栈导航到另一个嵌套堆栈

问题描述

我读过的许多问题似乎与我的问题非常相似,但我无法弄清楚。我正在使用最新的 react-navigation 版本 5。

我有一个底部选项卡导航器,每个选项卡都有一个单独的堆栈视图。我正在尝试从堆栈(选项卡)3 导航到堆栈(选项卡)1 上的一个屏幕深处。

我能够通过onPress堆栈 3 中的代码成功导航到堆栈 1 中的正确嵌套屏幕:

navigation.navigate('Cars', { // Stack 1
      screen: 'Nissan', // <- Nested Screen in Stack 1
      params: {
        ... // pass my data here
      },
});

但我遇到的问题是,如果我首先从堆栈 1(汽车)导航到嵌套屏幕(日产),然后尝试使用上面的代码从堆栈 3 导航到堆栈 1 的嵌套屏幕,它可以工作,但我看到旧屏幕(日产)而不是预期的新屏幕(例如本田)

如果我直接从堆栈 3onPress开始,它可以正常工作,我会看到带有正确传递数据的新屏幕(本田)

我已经尝试过.reset,但我不能正确使用它 https://reactnavigation.org/docs/navigation-actions/#reset

标签: react-nativereact-navigationreact-navigation-v5

解决方案


推荐阅读