React Native - navigation.navigate 不工作

Posted 2023-02-16

【中文标题】React Native - navigation.navigate 不工作

【英文标题】：React Native - navigation.navigate is not working

【发布时间】：2022-01-06 22:33:57

【问题描述】：

我是 React Native 的新手，我正面临 React Native 的一些最糟糕的行为。例如，如果我尝试使用 navigation.navigate 导航用户，它不起作用，但是当我尝试使用 navigation.reset 导航时，它会导航用户。有人可以解释一下吗？我在这里看到了一些与我的问题类似的问题，但那里的答案并不让我满意。感谢您的宝贵时间。

不起作用的navigation.navigate是

navigation.navigate('Home');

有效的重置功能是

navigation.reset(
  index: 0,
  routes: [ name: 'Home' ],
);

【问题讨论】：

您能分享一下您的导航堆栈是如何构建的吗？所以很容易识别。

我的导航代码中没有任何逻辑。我仅使用基于布尔值（真或假）的条件进行导航。因此，如果我尝试使用navigation.navigate 进行导航，则它不起作用，但是当我使用navigation.reset 时，它可以完美运行！

【参考方案1】：

试试this.props.navigation.navigate('Home')

并在 App navigator 或 auth navigator 中声明您的主屏幕