title: react-navigation is not working in react-native actions
body: <p>Please check my code below i have to navigate to <strong>EmployeeCreate</strong> after login success .I use this in <code>dispatch(NavigationActions.navigate({ routeName: 'EmployeeCreate' }));</code> in my AuthActions.js. but not working.Previously i used 'react-native-router-flux' instead of  react-navigation. Iam new to react-native and couldn't find the issue.</p>
  
  <p>App.js</p>
  
  <pre><code>import React, { Component } from 'react';
  import { Provider } from 'react-redux';
  import { createStore, applyMiddleware } from 'redux';
  import firebase from 'firebase';
  import ReduxThunk from 'redux-thunk';
  import reducers from './reducers';
  import Router from './Router';
  
  class App extends Component {
   componentWillMount() {
  const config = {
  apiKey: "###",
  authDomain: "###",
  databaseURL: "###",
  projectId: "###",
  storageBucket: "###,
  messagingSenderId: "0000000"
  };
  
  firebase.initializeApp(config);
  }
  
   render() {
     const store = createStore(reducers, {}, applyMiddleware(ReduxThunk));
  
  return (
    &lt;Provider store={store}&gt;
      &lt;Router /&gt;
    &lt;/Provider&gt;
  );
  }
  }
  
  export default App;
  </code></pre>
  
  <p>Router.js</p>
  
  <pre><code>import React from 'react';
  import { StackNavigator} from 'react-navigation';
  import LoginForm from './components/LoginForm';
  import EmployeeList from './components/EmployeeList';
  import EmployeeCreate from './components/EmployeeCreate';
  import EmployeeEdit from './components/EmployeeEdit';
  
  
  const RouterComponent = StackNavigator({
     LoginForm : {screen : LoginForm},
   EmployeeCreate : {screen :EmployeeCreate},
     EmployeeEdit:{screen:EmployeeEdit},
   },
  {
    headerMode : 'none',
    navigationOptions:{
    headerVisible : false,
  }
  }
  )
  export default RouterComponent;
  </code></pre>
  
  <p>AuthActions.js</p>
  
  <pre><code>import firebase from 'firebase';
      import { NavigationActions } from 'react-navigation'
      import {
        EMAIL_CHANGED,
        PASSWORD_CHANGED,
        LOGIN_USER_SUCCESS,
        LOGIN_USER_FAIL,
        LOGIN_USER
      } from './types';
  
      export const emailChanged = (text) =&gt; {
        return {
          type: EMAIL_CHANGED,
          payload: text
        };
      };
  
      export const passwordChanged = (text) =&gt; {
        return {
          type: PASSWORD_CHANGED,
          payload: text
        };
      };
  
      export const loginUser = ({ email, password }) =&gt; {
        return (dispatch) =&gt; {
          dispatch({ type: LOGIN_USER });
  
          firebase.auth().signInWithEmailAndPassword(email, password)
            .then(user =&gt; loginUserSuccess(dispatch, user))
            .catch((error) =&gt; {
              console.log(error);
  
              firebase.auth().createUserWithEmailAndPassword(email, password)
                .then(user =&gt; loginUserSuccess(dispatch, user))
                .catch(() =&gt; loginUserFail(dispatch));
            });
        };
      };
  
      const loginUserFail = (dispatch) =&gt; {
        dispatch({ type: LOGIN_USER_FAIL });
      };
  
      const loginUserSuccess = (dispatch, user) =&gt; {
        dispatch({
          type: LOGIN_USER_SUCCESS,
          payload: user
        });
      dispatch(NavigationActions.navigate({ routeName: 'EmployeeCreate' }));
      };
  </code></pre>
  
  <p>AuthReducer.js</p>
  
  <pre><code>import {
      EMAIL_CHANGED,
      PASSWORD_CHANGED,
      LOGIN_USER_SUCCESS,
      LOGIN_USER_FAIL,
      LOGIN_USER
    } from '../actions/types';
  
    const INITIAL_STATE = {
      email: '',
      password: '',
      user: null,
      error: '',
      loading: false
    };
  
    export default (state = INITIAL_STATE, action) =&gt; {
      switch (action.type) {
        case EMAIL_CHANGED:
          return { ...state, email: action.payload };
        case PASSWORD_CHANGED:
          return { ...state, password: action.payload };
        case LOGIN_USER:
          return { ...state, loading: true, error: '' };
        case LOGIN_USER_SUCCESS:
          return { ...state, ...INITIAL_STATE, user: action.payload };
        case LOGIN_USER_FAIL:
          return { ...state, error: 'Authentication Failed.', password: '', loading: false };
        default:
          return state;
      }
    };
  </code></pre>