react navigation splash screen to login screen

user_10025063 0
Viewed 4801

I have created a splash screen and a login screen. I would like that after 2 second my screen goes splash to log in but it's showing: undefined is not an object(evaluating '_this.props.navigation.push ')

In this project I am using react-navigation

componentWillMount(){
setTimeout(
    () => {
        this.props.navigation.push({
            screen:'smartbill.login',
            title:'LOGIN SCREEN'
        });
    }
, 1000);

}

react-navigation react-native splash-screen
2 Answers

Hope you have created a stack navigator

 const App = createStackNavigator({
  Splash: { screen: SplashScreen },
  Login: { screen: LoginScreen },
});

In Splash Screen

setTimeout(()=> {
   navigate('Login', { name: 'Jane' })
 },1000);
user_44855870

Below is an example of me navigating to a home screen from splash

 setTimeout(
            ()=> {
              this.props.navigation.navigate("Home");
                },1000
        );

For Navigation you should use StackNavigator in react-native thats the proper method

Where did you get this this.props.navigation.push thats not proper.

Or

I have an excepted answer in the below question.

How to navigate from splash screen to login screen in react native?

There is a google drive link on it from where you can download a sample project, its a simple app figure it out from the sample app how you should set up the App.js.

I suggest You should use StackNavigator for navigation its the best method to follow in my app App.js is configured using StackNavigator.

user_73580350
Related