Реагировать на встроенную навигацию 2 секунды

Question

Итак, у меня есть 2 макета для перехода от одного к другому.

Я изменил componentWillMount на ComponentDidMount до сих пор не исправить это! Я думаю, что проблема с экрана-заставки, но я не знаю, как это исправить.

Вот мой createStackNavigator в App.js

const Navigation = createStackNavigator({
  SScreen:{
     screen:Splash,
     navigationOptions:{
       header: null
     }
  },
  Main:{
    screen:Home,
    navigationOptions:{
      title: 'Home',
      headerLeft: null
    }
  },

  Register:{
    screen:Register,
    navigationOptions:{
      title: 'Settings',
      headerLeft: null
    }
  },

  SSettings:{
    screen:Settings,
    navigationOptions:{
      title: 'Settings',
      headerLeft: null
    }
  }
})
export default createAppContainer(Navigation);

Хорошо, так что это на моем Home.js

<Text onPress={() => this.props.navigation.navigate('Register') } style={styles.text}>التسجيل</Text>

Так что сейчас он перешел к Register.js, но через 2 секунды он автоматически возвращается к Home.js и вот мой Splash.js, возможно, это проблема всего этого.

export default class Splash extends React.Component {

  componentDidMount(){
    setInterval(()=>{
      this.props.navigation.navigate('Main');
    },2000);
  }


  render() {



    return (
      <View style={styles.container}>
      <View style={styles.logocontainer}>
        <Image style={styles.logo} source={require('./images/logo.png')} />
      </View>
      <View style={styles.info}>
      <Text style={styles.text}>www.mazad24.com</Text>
      </View>
      </View>





    );
  }
}

Я ожидаю, что вывод будет таким, что когда он переходит из Home.js в Register.js, он не возвращается автоматически через 2 секунды