Вернитесь к корневому навигатору из вложенного TabNavigator

Question

Вот так выглядит моя иерархия,

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

Я перехожу к Portada -> Главный экран -> Perfil, Теперь я хочу снова вернуться из Перфиля в Портаду, как я могу это сделать?

Answer 1

Сброс стека навигатора:

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

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

Answer 2

Вы можете просто использовать

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

Это будет работать!

Answer 3

Вы можете перемещаться из любого подкомпонента, используя this.props.navigation.navigate('Portada'), учитывая, что вы определили Portada маршрут в объявлении навигации.

По умолчанию navigation prop передается в props всем дочерним компонентам из родительского компонента.

Подробнее см. В документации: https://reactnavigation.org/docs/navigation-prop.html