Voltei em curso anterior e percebi que a fonte lá foi instalada via Expo. Como esse projeto não utiliza o Expo, gostaria de saber qual o procedimento similar para utilizar a fonte Montserrat. Vi alguns tutoriais na internet e youtube, cada um ensinando de um jeito, inclusive de forma manual, daí gostaria de saber qual a melhor forma de fazer sem usar o Expo.
A ideia é usar a fonte Montserrat e usar o AppLoading também.
Olá, Franco!
Entendo que você esteja enfrentando dificuldades para adicionar a fonte Montserrat em seu projeto React Native sem utilizar o Expo. Vou te ajudar com isso!
Uma forma de adicionar a fonte Montserrat ao seu projeto é baixando os arquivos de fonte (.ttf) e adicionando-os manualmente à pasta de assets do seu projeto. Em seguida, você pode importar a fonte em seu código e utilizá-la normalmente.
Aqui está um exemplo de como fazer isso:
Baixe os arquivos de fonte Montserrat (geralmente em formato .ttf) de um repositório confiável, como o Google Fonts.
Crie uma pasta chamada "assets" na raiz do seu projeto, caso ainda não exista. Dentro dessa pasta, crie uma subpasta chamada "fonts".
Copie os arquivos de fonte Montserrat (.ttf) para a pasta "fonts".
No seu arquivo App.js (ou em qualquer outro componente), importe a fonte da seguinte maneira:
import * as Font from 'expo-font';
// ...
async componentDidMount() {
await Font.loadAsync({
'Montserrat-Regular': require('./assets/fonts/Montserrat-Regular.ttf'),
'Montserrat-Bold': require('./assets/fonts/Montserrat-Bold.ttf'),
// Adicione outras variações da fonte, se necessário
});
}
// ...
<Text style={{ fontFamily: 'Montserrat-Regular', fontSize: 16 }}>Exemplo de texto com a fonte Montserrat</Text>
Quanto ao uso do AppLoading, você pode continuar utilizando-o normalmente, mesmo sem o Expo. Basta adicionar a lógica de carregamento das fontes antes de renderizar o conteúdo do seu aplicativo.
Espero ter ajudado a resolver sua dúvida! Se tiver mais alguma pergunta, estou à disposição. Bons estudos!