title: Navigation drawer is not opening and toggleDrawer not found
body: <p>Trying to create drawer using React-Navigation.</p>
  
  <p>Using <code>React Native 0.59</code>, Installed R<code>eact-Navigation 3.x</code>, has done linking react-<code>native link react-native-gesture-handler</code>.</p>
  
  <p>Create routes using React-Navigation, called Route.js:</p>
  
  <pre><code>const Drawer = createDrawerNavigator(
    {
      Settings: {
        screen: HomeScene,
        navigationOptions: {
          title: 'Home',
          drawerIcon: () =&gt; (
            &lt;Icon name="home" style={{ color: colors.white, fontSize: 24 }} type="Ionicons" /&gt;
          )
        }
      }
    },
    {
      contentComponent: props =&gt; &lt;GlobalSideMenu {...props} /&gt;
    }
  );
  
  const AppNavigator = createStackNavigator(
    {
      Home: {
        screen: HomeScene,
        navigationOptions: {
          header: null
        }
      },
      Drawer: {
        screen: Drawer,
        navigationOptions: {
          header: null
        }
      }
    },
    {
      initialRouteName: 'Home'
    }
  );
  
  export default createAppContainer(AppNavigator);
  </code></pre>
  
  <p>Then in the header, drawer icon:</p>
  
  <pre><code> &lt;Button icon transparent onPress={() =&gt; this.props.navigation.toggleDrawer()}&gt;
        &lt;Icon name={icon('menu')} type="Ionicons" style={styles.menuColor} /&gt;
   &lt;/Button&gt;
  </code></pre>
  
  <p>It gives me error : toggleDrawer() is undefined.</p>
  
  <p>Then I change it to :</p>
  
  <pre><code>this.props.navigation.dispatch(DrawerActions.toggleDrawer());
  </code></pre>
  
  <p>Now, there is no error, but the drawer is not opening.</p>