title: React Native Expo fonts, They are loaded but I can't see the change in my application interface
body: <p>I am new to using react native. I am using the code contributed in other topics similar to this one:
  I use a hook:</p>
  <pre><code>import * as Font from &quot;expo-font&quot;;
   
  export default useFonts = async () =&gt;
    await Font.loadAsync({
       Bebas: require('../assets/fonts/BebasNeue-Regular.ttf'),
      Montserrat: require('../assets/fonts/Montserrat-Italic-VariableFont_wght.ttf'),
      Inter: require('../assets/fonts/Inter-Black.otf')
    });
  </code></pre>
  <p>And then in my app.js:</p>
  <pre><code>import * as Font from 'expo-font';
  import AppLoading from 'expo-app-loading';
  import React, { useState } from 'react';
  
  import useFonts from './hooks/useFonts';
  
  export default function App() {
    const [IsReady, SetIsReady] = useState(false);
  
    const LoadFonts = async () =&gt; {
      await useFonts();
    };
  
    if (!IsReady) {
      return (
        &lt;AppLoading
          startAsync={LoadFonts}
          onFinish={() =&gt; SetIsReady(true)}
          onError={() =&gt; {}}
        /&gt;
      );
    }
  
    return &lt;View styles={styles.container}&gt;{/* Code Here */}&lt;/View&gt;;
  }
  
  </code></pre>
  <p>I then try to use them with the same name in my different screens, and I think they are loaded correctly, (no error), but I can't see the change when I restart my application.</p>