title: Passing async storage data to react navigation drawer component
body: <p>I have some profile info data like name,email and mobile no in my app drawer in my react native app. I want to pass data to the custom app drawer component when the user logs in from async storage. Basically the problem is to pass async storage data to a functional component.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const AppDrawerNavigator = createDrawerNavigator ({
    Home: {
      screen : Maps,
      navigationOptions: () =&gt; ({
        title: `Search by`
      })
    },
    Vendor: {
      screen: HomeScreen,
      navigationOptions: () =&gt; ({
        title: `Vendor List`,
      })
    },
    Notifications: NotificationsScreen,
    Events: SearchDetails,
    Venue : {
      screen: SearchScreen,
      navigationOptions: () =&gt; ({
        title: `Venue Availability`,
      })
    },
    Settings: {
      screen: SettingsScreen
    }
  }, {
    drawerPosition: 'left',
    contentComponent: customDrawerContentComponent,
    drawerOpenRoute: 'DrawerOpen',
    drawerCloseRoure: 'DrawerClose',
    drawerToggleRoute: 'DrawerToggle',
    drawerWidth: 320,
    contentOptions: {
      activeTintColor: '#fff',
      inactiveTintColor: '#030303',
      activeBackgroundColor: '#B90066',
      inactiveBackgroundColor: '#fff',
      itemsContainerStyle: {
        marginHorizontal: 10
      },
      itemStyle: {
        height: 40,
        borderRadius: 60,
      },
      activeLabelStyle: {
        fontSize: 20, 
        fontWeight: 'normal'
      }
    }
    })
    
    const AppSwitchNavigator = createSwitchNavigator({
    AuthLoadingScreen: AuthLoadingScreen,
    Auth: AuthStackNavigator,
    App: {
      screen: AppDrawerNavigator
    }
  })
  
  
  const WeTaAppDrawer = createAppContainer(AppSwitchNavigator)
  
  export default class App extends Component {
    render() {
      return &lt;WeTaAppDrawer /&gt;
    }
  }</code></pre>
  </div>
  </div>
  </p>