title: navigation.push in undefined for contentComponent of drawer navigation in react-native
body: <p>React-navigation version: 3.0.9</p>
  
  <p>I create drawerLayout in <code>react-native</code> with the following code with help of <code>react-navigation</code>:</p>
  
  <pre><code>export default createDrawerNavigator(
    {
      Pin: {
        screen: PinScreen,
        navigationOptions: {
          drawerLockMode: 'locked-closed'
        }
      },
      ListView: { screen: ListViewScreen },
    },
    {
      initialRouteName: 'Pin',
      headerMode: 'none',
      contentComponent: props =&gt; &lt;SideBar {...props} /&gt;
    }
  );
  </code></pre>
  
  <p>Inside this <code>SideBar</code> component I have the following item touch handling code:</p>
  
  <pre><code>&lt;ListItem
    style={styles.listItem}
    onPress={() =&gt; {
      this.props.navigation.dispatch(DrawerActions.closeDrawer());
      this.props.navigation.push('ListView');
    }}
  &gt;
    &lt;Text&gt;Home screen&lt;/Text&gt;
  &lt;/ListItem&gt;
  </code></pre>
  
  <p>But When I press this item I get message that <code>this.props.navigation.push</code> is undefined in this <code>onPress</code> handler.</p>
  
  <p>I need <code>ListView</code> screen to refresh data once shown after navigation action and now put the data fetching logic inside <code>componentDidMount</code>. <code>push</code> does work for other screens but I feel that this <code>props</code> that are being passed to <code>SideBar</code> are different.</p>
  
  <p>So <strong>question: How to make <code>ListView</code> screen remount/refresh data when is navigated from <code>SideBar</code> as described above?</strong></p>