1
resposta

[Dúvida] Uma dúvida sobre uso das fontes do google

Gostaria de saber como faço para instalar e usar fontes do google, sem usar o expo, pois utilizou direto o react-native CLI ?

1 resposta

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:

  1. 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.

  2. Após a instalação, você precisa vincular as fontes ao seu projeto. Para isso, você pode usar o comando react-native link.

  3. 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!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software