Реагировать Навигация clearInterval не работает

Question

Реактивный стек навигации clearInterval не работает

Приложение. js Пример

const AppNavigator = createStackNavigator({
  Home: {
    screen: Home,
  },
  Contact: {
    screen: Contact,
  }
});

Дом. js Пример

componentDidMount() {
   this.interval = setInterval(this.load, 10000);
}
componentWillUnMount(){
   clearInterval(this.interval);
}

интервал все еще работает, когда я переключиться с дома на контакт. Помогите мне, пожалуйста.

Answer 1

На самом деле я не думаю, что переход на другой экран размонтирует компонент.

Поэтому при переходе к экрану контактов я предлагаю следующее:

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