title: ReactNative & Expo: Ionicons not rendering
body: <p>According to the docs, if I have Expo installed I don't need to do anything else besides the import statement.</p>
  
  <p>My component:</p>
  
  <pre><code>import React, { useContext } from "react"
  import { StyleSheet, View, TouchableOpacity } from "react-native"
  import { MusicContext } from "../context/MusicContext"
  import { Ionicons } from "@expo/vector-icons"
  
  export const MusicPlayer = () =&gt; {
    const { previousTrack, pauseAndPlay, nextTrack, isPlaying } = useContext(MusicContext)
  
    return (
      &lt;View style={styles.musicPlayerContainer}&gt;
        &lt;View style={styles.controls}&gt;
          &lt;TouchableOpacity style={styles.control} onPress={previousTrack}&gt;
            &lt;Ionicons name="md-skip-backward" size={24} color="black" /&gt;
          &lt;/TouchableOpacity&gt;
  
          &lt;TouchableOpacity style={styles.control} onPress={pauseAndPlay}&gt;
            {isPlaying ? (
              &lt;Ionicons name="md-pause" size={24} color="black" /&gt;
            ) : (
              &lt;Ionicons name="md-play-circle" size={24} color="black" /&gt;
            )}
          &lt;/TouchableOpacity&gt;
  
          &lt;TouchableOpacity style={styles.control} onPress={nextTrack}&gt;
            &lt;Ionicons name="md-skip-forward" size={24} color="black" /&gt;
          &lt;/TouchableOpacity&gt;
        &lt;/View&gt;
      &lt;/View&gt;
    )
  }
  </code></pre>
  
  <p>According to the icon directory, <a href="https://icons.expo.fyi/" rel="nofollow noreferrer">https://icons.expo.fyi/</a>, I got all I need, but the icons don't render.</p>
  
  <p>They appear as little boxes with X's in them.</p>
  
  <p>How can I fix this?  Thanks!</p>