rnarch_app_container_index

//imports the navigators we've defined for our app
import ApplicationNavigator from "../navigators";

//used in connecting the app's navigation data to redux
import { addNavigationHelpers } from "react-navigation";

//takes the navigation slice of state and maps it to a prop, so we can used it around the application.
const mapStateToProps = state => ({
  navigation: state.navigationData
});

const mapDispatchToProps = dispatch => ({ dispatch });

class ApplicationNavigatorContainer extends Component {
  .
  .
  .

  render() {
    return (
      <ApplicationNavigator
        navigation={addNavigationHelpers({
          dispatch: this.props.dispatch,
          state: this.props.navigation
        })}
      />
    );
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(
  ApplicationNavigatorContainer
);