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

反复原生的重定向屏幕

1 个答案: