从嵌套的TabNavigator返回到根导航器

Question

这是我的层次结构的样子，

-StackNavigator (root)
    -Portada
    -MainScreen (TabNavigator)
        -Home
        -Cronograma
        -Perfil
    -Login
    -Register

我导航到Portada - >主屏幕 - > Perfil，现在我想再次从Perfil回到Portada，我该怎么做？

Answer 1

你可以简单地使用

this.props.navigation.navigate(“Portada”)

它会工作！

Answer 2

考虑到您在导航声明中定义了this.props.navigation.navigate('Portada')路线，您可以使用Portada从任何子组件导航。

navigation prop默认传递给props，来自父组件的所有子组件。

有关更多详细信息，请参阅文档：https://reactnavigation.org/docs/navigation-prop.html

Answer 3

重置堆栈导航器：

 this.props.navigation.dispatch(NavigationActions.reset({
    index: 0,
    actions: [
    NavigationActions.navigate({ routeName: 'Portada'})
   ]
 });

this.props.navigation.navigate('Portada');