title: React Native Expo.Font.loadAsync doesn't load Material Icons
body: <p>I have a React Native, React hybrid app. For React Native i am using react-native-elements.</p>
  
  <p>My app is run using Expo and was built out with the react-native init. I am getting the Material Icons (missing) RSD;</p>
  
  <p><a href="https://i.stack.imgur.com/DcXLX.png" rel="noreferrer"><img src="https://i.stack.imgur.com/DcXLX.png" alt="Material Icons missing"></a></p>
  
  <p>Through much searching, i have found the @expo/vector-icons but it doesn't seem to work. My App.js looks like this;</p>
  
  <pre><code>import React from 'react'
  import { Font, AppLoading } from 'expo'
  import { MaterialIcons } from '@expo/vector-icons'
  import HybridApp from './src/App'
  
  export default class NativeApp extends React.Component {
    constructor() {
      super()
      this.state = {
        fontsAreLoaded: false
      }
    }
    async componentWillMount() {
      await Font.loadAsync(MaterialIcons.font)
      this.setState({ fontsAreLoaded: true })
    }
    render() {
      const { fontsAreLoaded } = this.state
      return !fontsAreLoaded ? &lt;AppLoading /&gt; : &lt;HybridApp /&gt;
    }
  }
  </code></pre>
  
  <p>As you can see, i am waiting for the font to load... all to no avail.</p>