title: Passing parent data to child screen (drawer navigation)
body: <p>I am trying to pass the state data from <code>App.js</code> to my drawer screen which is located at a different file but the props unable to retrieve the data.</p>
  <p><strong>App.js</strong></p>
  <pre class="lang-js prettyprint-override"><code>render() {
    return (
      &lt;GalioProvider theme={argonTheme}&gt;
        &lt;Block flex&gt;
        &lt;Screens user={this.state.user} /&gt;
        &lt;/Block&gt;
      &lt;/GalioProvider&gt;
    );
  }
  </code></pre>
  <p><strong>Screen.js</strong></p>
  <pre class="lang-js prettyprint-override"><code>const AppStack = createDrawerNavigator(
    {
      Home: {
        screen: HomeStack,
        navigationOptions: (navOpt) =&gt; ({
          drawerLabel: ({ focused }) =&gt; (
            &lt;DrawerItem focused={focused} title=&quot;Home&quot; /&gt;
          ),
        }),
      },
    },
    {
      contentComponent: (props) =&gt; {
        console.log(props.user);
        return (
          &lt;View
            style={{ flex: 1, alignItems: &quot;center&quot;, justifyContent: &quot;center&quot; }}
          &gt;&lt;/View&gt;
        );
      },
    }
  );
  
  const AppContainer = createAppContainer(AppStack);
  export default AppContainer;
  </code></pre>
  <p>The <code>console.log(props.user)</code> line is returning <code>undefined</code></p>