navigate('DrawerOpen') not working with createSwitchNavigator and createStackNavigator

Question

Please check this expo snack.

I have a switch-navigator for logged-in and not-logged-in states.

When user is logged in, switcher loads a DrawerNavigator which loads Screen1 and loads the sidebar (SideBar.js) via contentComponent

Inside Screen1 I'm calling the this.props.navigation.navigate('DrawerOpen'); via the onPress event of the menu burger button. But it's not opening the drawer. What am I doing wroing

Answer 1

You call in a screen which isn't contained in DrawerNavigation, so it can't navigate. To open drawer in anywhere just use

import { DrawerActions } from 'react-navigation';
...
openDrawer = () => {
  this.props.navigation.dispatch(DrawerActions.openDrawer());
}
...