title: react native drawer toggle is not working
body: <p>The drawerNavigator is in the stackNavigator.</p>
  
  <p>I set the header to none, and I want to make the header part work when I press the button.</p>
  
  <p>I wrote the following code.</p>
  
  <blockquote>
    <p>this.props.navigation.dispatch(DrawerActions.toggleDrawer());</p>
  </blockquote>
  
  <p>No error occurs. 
  But it does not do anything.</p>
  
  <p>The navigator code looks like this:</p>
  
  <p><strong>navigator.js</strong></p>
  
  <pre><code>const MainScene = createStackNavigator({
   MainTab: {screen: MainTab},
   OtherScene: {screen: OtherScene}
  },{...})
  
  const OtherScene: createStackNavigator({
   DrawerScene: {screen: DrawerScene}
  },{...})
  
  const DrawerScene = createDrawerNavigator({
   Page1: {screen: Page1},
   Page2: {screen: Page2},
  },{...})
  </code></pre>
  
  <p><strong>Header.js</strong></p>
  
  <pre><code>_sideMenu() {
   this.props.navigation.dispatch(DrawerActions.toggleDrawer());
  }
  
  render() {
    return (
     ...
     &lt;TouchableOpacity 
      onPress={() =&gt; this._sideMenu()}&gt;
      &lt;Image ... /&gt;
     &lt;/TouchableOpacity&gt;
     ...
    )
   }
  </code></pre>
  
  <p>Both page1 and page2 contain directly written headers.</p>
  
  <p><strong>Page1.js</strong></p>
  
  <pre><code>render() {
   return(
    &lt;View&gt;
     &lt;Header navigation={this.props.navigation} /&gt;
     ...
    &lt;/View&gt;
   )
  }
  </code></pre>