title: Call child react navigation prop from super component in react-native / react-navigation
body: <p>I have a react native application using react navigation. I have following structure in my application.</p>
  
  <pre><code>class MainContainer extends Component {
  
  render() {
      return (
  
      &lt;View style={{ flex: 1 }}&gt;
  
      &lt;Header
        backgroundColor={appcolors.primaryColor}
        leftComponent={&lt;TouchableOpacity onPress={() =&gt; this.props.navigation.toggleDrawer() }&gt;&lt;Feather name='align-justify' size={24} color='white' /&gt;&lt;/TouchableOpacity&gt;}
        centerComponent={{ text: this.props.headerTitle , style: { color: 'white' } }}
      /&gt;
  
      &lt;MainDrawerNavigation/&gt;
  
      &lt;/View&gt;
  
     );
  }
  }; 
  </code></pre>
  
  <p>and <code>&lt;MainDrawerNavigation/&gt;</code> is a react navigation component as follows.</p>
  
  <pre><code>MainDrawerNavigation = createDrawerNavigator({
      XScreen: {
        screen: XScreen,
      },
      YScreen: {
        screen: YScreen,
      },
      ZScreen: {
        screen: ZScreen,
      },
  },{
    }
  });
  </code></pre>
  
  <p>I have got error when trying to call <code>this.props.navigation.toggleDrawer()</code> from <code>MainContainer</code>. Then for testing purpose I have add a button to <code>XScreen</code> and tried to toggle drawer and it was success. So I want to know is there any way to pass child navigation props to super view. So I could call <code>this.props.navigation.toggleDrawer()</code> method and control drawer from <code>MainContainer</code>. or any navigation practices that can be use to solve this.</p>
  
  <p>PS: the error I got is <code>_this2.props.navigation.toggleDrawer is not a function</code></p>