1

Eu estou tentando adicionar fontes personalizadas no meu projeto com expo, mas mesmo seguindo a documentação e o AppLoading retornando que as fontes foram carregadas o texto não muda de fonte ao colocar o fontFamily

import { StatusBar } from 'expo-status-bar';
import React, { useState } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Pokeball from './assets/patterns/pokeball.svg' 


import * as Font from 'expo-font';
import AppLoading from 'expo-app-loading';


const fetchFonts = () => {
  return Font.loadAsync({
  'sf-pro-display-bold': require('./assets/fonts/sf-pro-display-bold.ttf'),
  'sf-pro-display-medium': require('./assets/fonts/sf-pro-display-medium.ttf'),
  'sf-pro-display-regular': require('./assets/fonts/sf-pro-display-regular.ttf')
  });
};
 
import Home from  './src/pages/home'

export default function App() {

  const [dataLoad, setDataLoad] = useState(false);

  if(!dataLoad){
    return(
      <AppLoading
      startAsync={fetchFonts}
      onFinish={() => {setDataLoad(true)}}
      onError={console.warn}/>
    )
  }else {
    return (
      <View style={styles.container}>
        <Pokeball width={'100%'} height={'100%'} fillOpacity={0.05} style={styles.imageBackground}/>
        <Home />
<Text style={styles.teste}>Teste</Text>
      </View>
    
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  imageBackground: {
    position: 'absolute',
    top: '-48%'
  }, 
  teste: {
    fontFamily: 'sf-pro-display-bold',
  }
});

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .