title: Setting navigation between different screens on my app
body: <p>Hello stackoverflow i develop app in react-native and I completely implement login system. Now my problem is I don't understand how I route between different screens like i have flows e.g signup flow :
  1)user enter phone number (verifyPhone screen)
  2)user enter confirmation code and enter his data e.g username email etc(verify code screen)
  3)user enter login credentials (loginScreen)
  4)then user navigate to home screen</p>
  
  <p>i have 4 different flows like signup,signin,signout,forgotpassword </p>
  
  <p>I don't know how I achieve the functionality i try to do it through stacknavigator and switchnavigator but nothing works </p>
  
  <p>my app.js look like : </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>//app.js
  import React, { Component } from 'react';
  import { View, Text, StyleSheet, TextInput, TouchableOpacity, ActivityIndicator, Platform } from 'react-native';
  import {createAppContainer,createStackNavigator,createSwitchNavigator} from 'react-navigation';
  import MobileCheck from './screens/MobileCheck';
  import VerifyCode from './screens/VerifyCode';
  import SignUp from './screens/SignUp';
  import HomeScreen from './screens/HomeScreen';
  import LoginScreen from './screens/LoginScreen';
  import ForgotPassword from './screens/ForgotPassword';
  //import helper from './helper';
  
  
  // const authSwitch = createSwitchNavigator ({
  //   Home: HomeScreen,
  //   stack :  createStackNavigator({
  //     MobileCheck : MobileCheck,
  //     VerifyCode : VerifyCode,
  //     SignUp : SignUp,
  //   })
  
  
  
  // })
  const authSwitch = createStackNavigator({
  //   MobileCheck : {
  //     screen : MobileCheck
  //   },
  //   VerifyCode : {
  //     screen : VerifyCode
  //   },
  //  SignUp : {
  //     screen : SignUp
  //   },
    Login : {
      screen : LoginScreen
    },
    Home : {
      screen : HomeScreen
    },
  //   SignUp : {
  //     screen : SignUp
  //   },
  //   MobileCheck : {
  //     screen : MobileCheck
  //   },
  //   VerifyCode : {
  //     screen : VerifyCode
  //   },
  //   ForgotPassword : {
  //     screen : ForgotPassword
  //   },
      // Help : {
      //     screen : helper
      // },
  })
  const App = createAppContainer(authSwitch);
  
  // const SignUpStack = createStackNavigator({
  
  // })
  // const LoginStack = createStackNavigator({
  
  // })
  // const ForgotPasswordStack = createStackNavigator({
  
  // })
  // const App = createSwitchNavigator({
    
  // })
  export default App;</code></pre>
  </div>
  </div>
  </p>