title: Passing props to Custom Drawer Navigator in React Navigation
body: <p>In react navigation drawermenu. I want to display the username 'John Doe' which is in the state of my main component <code>'Router'</code> How can I pass it the CustomDrawerContentComponent.</p>
  
  <blockquote>
    <p>Extra Info: I'm getting this name from AsyncStorage in
    componentDidMount</p>
  </blockquote>
  
  <p>This is my code</p>
  
  <pre><code>export default class Router extends Component {
    constructor(props) {
      super(props);
      this.state = {
        employeeName: "John Doe" //&lt;-----How to pass this name to CustomDrawerContentComponent????
      };
    }
  
    render() {
      return &lt;MyApp /&gt;;
    }
  }
  
  const MyApp = DrawerNavigator(
    {
      Home: {
        screen: Home
      },
      History: {
        screen: History
      },
      AddDetails: {
        screen: AddDetails
      }
    },
    {
      initialRouteName: "Home",
      drawerPosition: "left",
      contentComponent: CustomDrawerContentComponent,
      drawerOpenRoute: "DrawerOpen",
      drawerCloseRoute: "DrawerClose",
      drawerToggleRoute: "DrawerToggle",
      contentOptions: {
        activeTintColor: "#EF4036"
      }
    }
  );
  
  const CustomDrawerContentComponent = props =&gt; (
    &lt;Container&gt;
      &lt;Header style={styles.drawerHeader}&gt;
        &lt;Body style={styles.container}&gt;
          &lt;Image
            style={styles.drawerImage}
            source={{
              uri: "http://themes.themewaves.com/nuzi/wp-content/uploads/sites/4/2013/05/Team-Member-3.jpg"
            }}
          /&gt;
          &lt;Text style={styles.drawerText}&gt;**How get the name here?**&lt;/Text&gt;
        &lt;/Body&gt;
      &lt;/Header&gt;
  
      &lt;Content&gt;
        &lt;DrawerItems {...props} /&gt;
      &lt;/Content&gt;
    &lt;/Container&gt;
  );
  </code></pre>