Gostaria de saber como faço para instalar e usar fontes do google, sem usar o expo, pois utilizou direto o react-native CLI ?
Gostaria de saber como faço para instalar e usar fontes do google, sem usar o expo, pois utilizou direto o react-native CLI ?
Olá, Felipe! Entendo que você gostaria de saber como instalar e usar fontes do Google no React Native sem usar o Expo.
Você pode fazer isso usando o pacote 'react-native-google-fonts' junto com o 'react-native link'. Aqui estão os passos:
Primeiro, instale o pacote com o comando npm install react-native-google-fonts
ou yarn add react-native-google-fonts
se você estiver usando o Yarn.
Após a instalação, você precisa vincular as fontes ao seu projeto. Para isso, você pode usar o comando react-native link
.
Agora, você pode usar as fontes em seus componentes. Aqui está um exemplo de como você pode fazer isso:
import React from 'react';
import { Text } from 'react-native';
import { useFonts } from 'react-native-google-fonts';
export default function App() {
const [loaded] = useFonts({
Roboto: require('react-native-google-fonts/Roboto'),
});
if (!loaded) {
return null;
}
return <Text style={{ fontFamily: 'Roboto' }}>Hello World</Text>;
}
Neste exemplo, estamos usando a fonte Roboto do Google. Certifique-se de substituir 'Roboto' pelo nome da fonte que você deseja usar.
Por favor, note que este método pode não funcionar em todas as versões do React Native e pode ter problemas em algumas situações. Portanto, sempre teste seu aplicativo em diferentes ambientes para garantir que tudo funcione como esperado.
Espero ter ajudado e bons estudos!