Question

这就是我的层次结构，

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

我导航到Portada - ＆gt;主屏幕 - ＆gt; PERFIL，现在我想再次从Perfil回到Portada我怎么做？

Answer 1

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

默认情况下，navigation prop会在props中传递给父组件中的所有子组件。

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

Answer 2

重置堆栈导航器：

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

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

Answer 3

您只需使用

即可

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

它会起作用！

Answer 4

使用screenProps通过父级导航。

示例：

<TabbarRoot screenProps = {{ navi : this.props.naviagtion }}>

在标签栏中的屏幕上：

this.props.screenProps.navi.popToTop()

这将导航回到Root Navigator。

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

4 个答案: