React Native 中的重定向屏幕

Question

我正在使用 react-navigator 的 stack 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