在反应本机中重定向屏幕

Question

我正在使用 react-navigator 的堆栈导航器来构建我的项目，我想在用户登录后将用户重定向到主屏幕。

我正在使用 navigation.navigate 重定向，但它会导致主屏幕在登录屏幕上显示后退按钮。

if (this.state.user) {
  this.props.navigation.navigate('SignIn');
}

有没有办法重置导航？ 或者我可以在不重置导航的情况下执行的任何其他方法？

Answer 1

我会这样做的方法是重置导航堆栈，然后将其重定向到主页。幸运的是，有一种称为NavigationActions.reset的方法可以执行此类操作，它将导航状态替换为新的导航状态。

因此，对于您的情况，我会执行以下操作：

if (this.state.user) {
  let newStack= NavigationActions.reset({
   index: 0,
   actions: [
     NavigationActions.navigate({ routeName: 'Home'})
   ]
  })
  this.props.navigation.dispatch(newStack);
}

此代码将创建一个新堆栈，其中堆栈的第一页是主页（您可以使用自定义 routeName 更改它），然后将此新堆栈用作我们的新导航堆栈。

您可以在官方文档上找到有关重置方法的更多信息。https://reactnavigation.org/docs/navigators/navigation-actions#Reset