NavigationServices.js

import {NavigationActions, StackActions} from 'react-navigation';

let _navigator;

function setTopLevelNavigator(navigatorRef) {
  _navigator = navigatorRef;
}

function navigate(routeName, params) {
  _navigator.dispatch(
    NavigationActions.navigate({
      routeName,
      params,
    }),
  );
}

function goBack() {
  _navigator.dispatch(NavigationActions.back());
}

function replace(routeName, params) {
  _navigator.dispatch(
    StackActions.replace({
      routeName,
      params,
    }),
  );
}

function pop() {
  _navigator.dispatch(StackActions.pop())
}

function popToTop(routeName) {
  _navigator.dispatch(
    StackActions.popToTop({
      routeName
    })
  )
}

export default {
  goBack,
  navigate,
  replace,
  setTopLevelNavigator,
  pop,
  popToTop
};

RooContainer.js

import AppContainer from '../Navigation/AppNavigation'
import NavigationServices from '../Navigation/NavigationServices'

class RootContainer extends Component {
render() {
    return (
      <View style={styles.applicationView}>
        <StatusBar barStyle='light-content' />
        <AppContainer ref={ref => NavigationServices.setTopLevelNavigator(ref)} />
      </View>
    );
  }
}