Navigation.js

import React                                                                                from 'react';
import { createStackNavigator }                                                             from 'react-navigation';
import { createStore, applyMiddleware, combineReducers }                                    from 'redux';
import { reduxifyNavigator, createReactNavigationReduxMiddleware, createNavigationReducer } from 'react-navigation-redux-helpers';
import { Provider, connect }                                                                from 'react-redux';
import Screen1                                                                              from './Screen1'
import Screen2                                                                              from './Screen2'

const AppNavigator = createStackNavigator({
  Screen1: { screen: Screen1 },
  Screen2: { screen: Screen2 },
});

const navReducer = createNavigationReducer(AppNavigator);
const appReducer = combineReducers({
    nav: navReducer,
});

// Note: createReactNavigationReduxMiddleware must be run before reduxifyNavigator
const middleware = createReactNavigationReduxMiddleware("root",state => state.nav);
const App = reduxifyNavigator(AppNavigator, "root");
const mapStateToProps = (state) => ({ state: state.nav });
const AppWithNavigationState = connect(mapStateToProps)(App);

const store = createStore(appReducer, applyMiddleware(middleware));

export default class Navigation extends React.Component {
    render() {
        return (
            <Provider store={store}>
                <AppWithNavigationState />
            </Provider>
        );
    }
}