title: How to deal with custom font and fontWeight with react-native
body: <p>I managed to load custom font on my react-native expo app following the <a href="https://docs.expo.io/versions/latest/guides/using-custom-fonts/" rel="noreferrer">official documentation</a>:</p>
  
  <pre class="lang-js prettyprint-override"><code>const App = () =&gt; {
    let [fontsLoaded] = useFonts({
      'Lato-Regular': require('../assets/fonts/Lato-Regular.ttf'),
      'Lato-Bold': require('../assets/fonts/Lato-Bold.ttf'),
      'Poppins-Light': require('../assets/fonts/Poppins-Light.ttf'),
      'Poppins-Bold': require('../assets/fonts/Poppins-Bold.ttf'),
    });
  </code></pre>
  
  <p>So I can use it with the component style:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;Text style={{
    fontFamily: 'Lato-Bold'
  }}&gt;Home page.&lt;/Text&gt;
  </code></pre>
  
  <p>But I would like to use it like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;Text style={{
    fontFamily: 'Lato',
    fontWeight: 'bold',
  }}&gt;Home page.&lt;/Text&gt;
  </code></pre>
  
  <p>This works for system fonts, but not with custom fonts.</p>
  
  <p>How can I deal with it?</p>