Using Google Fonts in Expo React Native

app.js

// import { AppLoading } from 'expo'
import AppLoading from 'expo-app-loading';
import React, { useState } from 'react';
import * as eva from '@eva-design/eva';
import * as Font from 'expo-font'
import { ApplicationProvider } from '@ui-kitten/compon
import { default as mapping } from './mapping.json';

const loadFonts = () => {
  return Font.loadAsync({
    'space-mono': require('./assets/fonts/SpaceMono-Regular.ttf'),
  })
}

export default function App() {
  const [fontsLoaded, setFontsLoaded] = useState(false)

  if (!fontsLoaded) {
    return (
      <AppLoading
        startAsync={loadFonts}
        onFinish={() => setFontsLoaded(true)}
        onError={console.warn}
      />
    );
  }

  return (
    <ApplicationProvider {...eva} theme={{ ...eva.dark, ...theme }} customMapping={mapping}>
      ...
    </ApplicationProvider>
  );
}