generator-rn-toolbox-gv/generators/base/templates/src/RootNavigation.js

React-Native generators to kickstart your project

// @flow

import React, { Component } from 'react';
import { connect } from 'react-redux';

import { createStackNavigator } from 'react-navigation';

import * as Pages from '<%= appName %>/src/pages';
import { navListener } from '<%= appName %>/src/modules/Nav/module';

export const AppNavigator = createStackNavigator({
  home: {
    screen: Pages.Home,
  },
});

class App extends React.Component {
  render() {
    return (
      <AppNavigator
        navigation={{
          dispatch: this.props.dispatch,
          state: this.props.nav,
          addListener: navListener,
        }}
      />
    );
  }
}

const mapStateToProps = state => ({
  nav: state.nav,
});

const AppWithNavigationState = connect(mapStateToProps)(App);

export default AppWithNavigationState;