Question: calling navigate on top level component about react-navigation HOT 8 CLOSED

const AppNavigator = StackNavigator(SomeAppRouteConfigs);

class App extends React.Component {
  someEvent() {
    // call navigate for AppNavigator here:
    this.navigator && this.navigator.dispatch({ type: 'Navigate', routeName, params });
  }
  render() {
    return (
      <AppNavigator ref={nav => { this.navigator = nav; }} />
    );
  }
}

  render(){
      return(
        <View style={{flex: 1}}>
          <Drawer ref={nav => { this.navigator = nav; }}/>
          <PushController user={this.props.user} navigator={this.navigator}/>
        </View>
      )
  }

import { NavigationActions } from 'react-navigation';

async doFCM() {
    FCM.getInitialNotification().then(notif => {
      //triggers on app first opening, checks for if the notification was opened 
      console.log('Initial Notification', notif);
      if(notif.fcm.action === "fcm.ACTION.OPEN_NOTIFICATION"){
        this.props.navigator && this.props.navigator.dispatch(NavigationActions.navigate({routename: 'Chat'})) //{friend: chatInfo}
      }
    });
}

...
export default StackNavigator({
  TabNav: { screen: TabStack }, //this is a tab nav and the rest are stack
  ItemDetails: { screen: ItemDetailsStack },
  Login: { screen: LoginStack },
  Conversation: { screen: ChatScreen },
}, { headerMode: 'none' }
);

...
import AppNavigation from '../App';

function ReduxNavigation(props) {
  const { dispatch, nav } = props;
  const navigation = ReactNavigation.addNavigationHelpers({
    dispatch,
    state: nav
  });
  
  return <AppNavigation navigation={navigation} />;
}
const mapStateToProps = state => ({ nav: state.nav });
export default connect(mapStateToProps)(ReduxNavigation);

...

navigateToChatList() {
  this.navigator && this.navigator.dispatch({ type: 'Navigate', routeName: 'Conversation' });
}
...

<Provider store={store}>
          <StatusBar barStyle='light-content' />
                <TouchableOpacity style={styles.notification} onPress={() => this._navigateToChatList()}>
                 ..
                </TouchableOpacity>
          <AppNavigation ref={nav => { this.navigator = nav; }} />
 </Provider>