Сброс стека навигации для главного экрана (React Navigation and React Native)

Ответ 1

Вот как я это делаю:

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

как минимум замените "Меню" на "Домой". Вы также можете адаптировать this.props.navigation для своей реализации.

In version > 2 follow this:

import { NavigationActions, StackActions } from 'react-navigation';
        const resetAction = StackActions.reset({
                index: 0,
                actions: [NavigationActions.navigate({ routeName: 'MainActivity' })],
            });

this.props.navigation.dispatch(resetAction); 

Ответ 2

Вот как я это делаю:

import { NavigationActions } from 'react-navigation'

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

Важной частью является key: null.

Это стирает стек при переходе от дочернего навигатора к родительскому навигатору.

Сделайте это, если вы получите эту ошибку:

Для анимации я использую

// https://github.com/oblador/react-native-animatable
import * as Animatable from 'react-native-animatable'

Я просто контролирую все анимации сам. Поместите их в любой компонент, который хотите, обернув его <Animatable.View>.

Ответ 3

Для новейших версий реагирования-навигации вы должны использовать StackActions для сброса стека, вот фрагмент кода:

// import the following
import { NavigationActions, StackActions } from 'react-navigation'

// at some point in your code
resetStack = () => {
 this.props
   .navigation
   .dispatch(StackActions.reset({
     index: 0,
     actions: [
       NavigationActions.navigate({
         routeName: 'Home',
         params: { someParams: 'parameters goes here...' },
       }),
     ],
   }))
}

Ответ 4

Чтобы использовать Назад, вам нужно найти уникальный ключ, связанный с этим путем. Внутри вашего навигационного редуктора вы можете выполнить поиск в существующем состоянии, чтобы найти первый маршрут в стеке, используя этот путь, захватить его ключ и передать его на Назад. Назад затем перейдет к экрану до того, как вы указали путь.

  let key;

  if (action.payload) {
    // find first key associated with the route
    const route = action.payload;

    const routeObj = state.routes.find( (r) => r.routeName === route );

    if (routeObj) {
      key = { key: routeObj.key };
    }
  }

  return AppNavigator.router.getStateForAction( NavigationActions.back( key ), state );

Ответ 5

Ответ - createSwitchNavigator, если он не складывает вашу навигацию. Добавьте свой экран аутентификации/навигатор в createSwitchNavigator с домашним экраном/стеком.

При этом, когда вы переходите из дома для входа в систему, стеки не сохраняются.

Подробнее об этом https://reactnavigation.org/docs/en/auth-flow.htmlLoginStack

Ответ 6

В вашем StackNavigator и DrawerNavigator вы использовали Home как ключ, и я думаю, что он должен быть уникальным и почему он создает проблему. Не могли бы вы попробовать заменить Home на Stack внутри вашего DrawerNavigator.

Надеюсь, это поможет:)

Ответ 7

Действие pop возвращает вас к предыдущему экрану в стеке. Параметр n позволяет указать, сколько экранов будет отображаться.

n - число - количество экранов, чтобы вернуться назад.

импортировать {StackActions} из "реакции-навигации";

const popAction = StackActions.pop({n: 1,});

this.props.navigation.dispatch(popAction);

Ответ 8

У меня была проблема, очень похожая на вашу, и после нескольких дней поиска я смог решить свою проблему, добавив строку кода, которая в моем случае уничтожает экран, как только он покидает его.

добавьте это в свойства boxNavigator: unmountInactiveRoutes: true

следует примеру моего кода:

const drawMenu = createDrawerNavigator({
   StackHome,
   StackOS
},{
   unmountInactiveRoutes: true,
   initialRouteName: 'StackHome'
  }
);