title: how to add image as icon in DrawerItem in react native v5 (0.62)?
body: <p>i am working on react native 0.62 project in which i have created custom drawer. Image is properly added to DrawerItemList but not working with DrawerItem. i have tried in many ways but no solution. i got stucked in this issue for 2 days.</p>
  <pre><code>MainNavigator.js
  &lt;Drawer.Navigator initialRouteName=&quot;Dashboard&quot; drawerContent={(props) =&gt; &lt;DrawerContent {...props} /&gt;} hideStatusBar={false} focused={true} labelStyle={{ fontSize: 14, fontFamily: 'OpenSans-SemiBold' }} drawerContentOptions={{ activeBackgroundColor: &quot;#F1F1F1&quot;, activeTintColor: &quot;#000000&quot;, inactiveTintColor: &quot;#818181&quot; }}&gt;
        &lt;Drawer.Screen name=&quot;Dashboard&quot; component={DashboardStackScreen} options={{
          drawerIcon: ({ focused, size }) =&gt; (
            &lt;Image source={require('../assets/images/dashboard.png')} style={{ height: 17.78, width: 16}}  resizeMode=&quot;contain&quot;/&gt;
          ),
        }}
        /&gt;
    &lt;Drawer.Screen name=&quot;LMS&quot; component={LmsStackScreen} options={{
          drawerIcon: ({ focused, size }) =&gt; (
            &lt;Image source={require('../assets/images/lms.png')} style={{ height: 14.46, width: 16 }}  resizeMode=&quot;contain&quot;/&gt;
          ),
        }} /&gt;
        &lt;Drawer.Screen name=&quot;Change Password&quot; component={LmsStackScreen} options={{
          drawerIcon: ({ focused, size }) =&gt; (
            &lt;Image source={require('../assets/images/key.png')} style={{ height: 8.73, width: 16 }}  resizeMode=&quot;contain&quot;/&gt;
          ),
        }} /&gt;
      &lt;/Drawer.Navigator&gt;
  
  
  DrawerContent.js
  
    &lt;View style={{flex:5}}&gt;
                          &lt;DrawerContentScrollView {...props} &gt;
                              &lt;DrawerItemList {...props} /&gt;
                              &lt;DrawerItem     
                              labelStyle={{ fontSize: 14, fontFamily: 'OpenSans-SemiBold' }}     activeBackgroundColor= &quot;#F1F1F1&quot; activeTintColor=&quot;#000000&quot; inactiveTintColor= &quot;#818181&quot;
                            /*   options={{
                              drawerIcon: ({focused, color, size}) =&gt; (
                                  &lt;Icon
                                    name=&quot;home&quot;
                                    style={{color: color, fontSize: size}}
                                  /&gt;
                                )}} */
                              /*  options={{  */
                                   /* drawerIcon={ ({ focused, size }) =&gt; {
                                    &lt;Image source={require('../assets/images/logout.png')} style={{ height: 15, width: 15 }} resizeMode=&quot;contain&quot;/&gt;
                                     size={size}}} */  /* }}  */
                              /*   }}    */                   
                                  label=&quot;Logout&quot;
                                  icon={({ focused, color, size })=&gt;{
                                      &lt;Image source={require('../assets/images/logout.png')} style={{ height: size, width: size }} resizeMode=&quot;contain&quot;/&gt;
                                   }}   
                                  onPress={() =&gt; console.log('Logout')}
                              /&gt;
                      
                          &lt;/DrawerContentScrollView&gt;
                          &lt;/View&gt;
  </code></pre>
  <p>Any help is appreciated. Thank you in advance.</p>