title: Icons from React-native-elements/fontAwesome are not showing
body: <p>I'm setting up icons for drawer items and for headerLeft.But icons are not apprearing in my android app.I am using <strong>react-native-elements</strong> library to use icons in my code. icon type is font-awesome. i have mentioned the type of icon specifically.</p>
  
  <p>I have <strong>tried</strong> all commands like <strong>react-native  link</strong> and linked all libraries successfully but nothing worked.</p>
  
  <p><strong>MainComponent.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import Menu from './MenuComponent';
  import { View,Platform } from 'react-native';
  import Dishdetail  from './DishdetailComponent';
  import Home from './HomeComponent';
  import { createStackNavigator,createAppContainer} from 'react-navigation'; 
  import {createDrawerNavigator} from 'react-navigation'; 
  import { Icon } from 'react-native-elements'
  import { gestureHandlerRootHOC } from 'react-native-gesture-handler';
  import Contact from './ContactusComponent';
  import About from './AboutusComponent';
  
  
   const MenuNavigator = createStackNavigator({
   Menu: { 
   screen: Menu,
   navigationOptions: ({ navigation }) =&gt; ({
     headerLeft: &lt;Icon 
            name='menu' size={24} 
                 color="white" 
                 type="font-awesome"
                 onPress={() =&gt; navigation.toggleDrawer()}
                /&gt;
    })
   },
   Dishdetail: { 
  screen: Dishdetail 
   }
     },
   { 
     initialRouteName: 'Menu',
     navigationOptions: {
    headerStyle: {
        backgroundColor: "#512DA8"
     },
    headerTintColor: '#000',
    headerTitleStyle: {
        color: "#fff"            
    }
   }
      }
  );
  
   const HomeNavigator = createStackNavigator({
     Home: 
     { screen: Home }
      }, {
    navigationOptions: ({ navigation }) =&gt; ({
    headerStyle: {
      backgroundColor: "#512DA8"
     },
     headerTitleStyle: {
      color: "#fff"            
     },
     headerTintColor: "#fff" ,
     headerLeft: &lt;Icon name='menu' size={24} 
                 color="white" 
                 type="font-awesome"
                 onPress={() =&gt; navigation.toggleDrawer()}
                /&gt; 
      })
     });
  
    const ContactNavigator = createStackNavigator({
     Contact: {
  screen: Contact
   }
    }, {
     navigationOptions: ({ navigation }) =&gt; ({
     headerStyle: {
    backgroundColor: '#512DA8'
    },
     headerTitleStyle: {
    color: '#fff'
    },
     headerTintColor: '#fff',
       headerLeft: &lt;Icon name='menu' size={24} 
                 color="white" 
                 type="font-awesome"
                 onPress={() =&gt; navigation.toggleDrawer()}
                /&gt;
   })
      } );
  
  const AboutNavigator = createStackNavigator({
  About: {
  screen: About
   }
    }, {
    navigationOptions: ({ navigation }) =&gt; ({
    headerStyle: {
    backgroundColor: '#512DA8'
  },
  headerTitleStyle: {
    color: '#fff'
  },
  headerTintColor: '#fff',
  headerLeft: &lt;Icon name='menu' size={24} 
                 color="white" 
                 type="font-awesome"
                 onPress={() =&gt; navigation.toggleDrawer()}
                /&gt;
     })
     });
  
   const MainNavigator = createDrawerNavigator({
    Home: 
  { 
    screen: HomeNavigator,
    defaultNavigationOptions:  {
      title: 'Home',
      drawerLabel: 'Home',
      drawerIcon: ({tintColor} )=&gt; (
          &lt;Icon 
          name='home'
          type="font-awesome"
          size= {24}
          color={tintColor}   /&gt;
      )
    }
  },
    Menu: 
    { screen: MenuNavigator,
     defaultNavigationOptions: {
      title: 'Menu',
      drawerLabel: 'Menu',
      drawerIcon: ({'#000'} )=&gt; (
          &lt;Icon 
          name='list'
          type="font-awesome"
          size= {24}
          color={'#000'}   /&gt;
      )
    }, 
   },
       Contact:
     {
    screen: ContactNavigator,
    defaultNavigationOptions: {
      title: 'Contact us',
      drawerLabel: 'Contact Us',
      drawerIcon: ({tintColor} )=&gt; (
          &lt;Icon 
          name='address-card'
          type="font-awesome"
          size= {22}
          color={tintColor}   /&gt;
      )
    }
      },
     About:
       {
    screen: AboutNavigator,
    defaultNavigationOptions: {
      title: 'About Us',
      drawerLabel: 'About',
      drawerIcon: ({tintColor} )=&gt; (
          &lt;Icon 
          name='info-circle'
          type="font-awesome"
          size= {24}
          color={tintColor}   /&gt;
      )
    }
  }
     }, {
       drawerBackgroundColor: '#D1C4E9',
       drawerPosition: "left"
     });
  
  class Main extends Component {
  
  
   render() {
  
     return (
  
      &lt;View style={{flex:1 }}&gt;
          &lt;MainNavigator /&gt;
      &lt;/View&gt;
  
  );
    }
   }
  
  
   const App=createAppContainer(MainNavigator);
  
  
  export default App;
  </code></pre>
  
  <p><strong>package.json</strong></p>
  
  <pre><code>   "dependencies": {
      "feather-icons-react": "^0.3.0",
      "react": "16.6.3",
       "react-native": "0.57.8",
       "react-native-elements": "^1.0.0-beta7",
       "react-native-gesture-handler": "^1.0.12",
       "react-native-vector-icons": "^4.6.0",
        "react-navigation": "^3.0.9"
        },
  </code></pre>
  
  <p>I wished to appear icons but doesn't appear at all.</p>