Gostaria de saber como faço para instalar e usar fontes do google, sem usar o expo, pois utilizou direto o react-native CLI ?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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!