Agora, há um outro lugar no aplicativo em que eu quero usar minha própria fonte e está aqui na lista de
receitas, este texto aqui - simples, acessível e com duração, que não
está usando nossa própria fonte e é algo que queremos mudar e é claro
que esse é o nosso item de refeição aqui.
Lá temos esses três componentes de texto e eles simplesmente precisam de um estilo que use nossa própria fonte.
Agora, a propósito no início do curso, você aprendeu sobre alternativas a isso, em vez de atribuir
um estilo e repetir uma atribuição de estilo
aqui, você também pode criar seu próprio componente de wrapper, como fizemos com o corpo do texto no início do
curso, que é simplesmente empacotado o componente de texto interno que sempre define sua própria família de fontes, que
será uma alternativa ou você configura um estilo global que importa para esse arquivo e, na verdade, agora que penso nisso, já que
teremos mais texto posteriormente, Vou criar
meu próprio componente wrapper aqui e terei meu digamos DefaultText. js aqui, você pode nomear isso
como quiser e lá, importarei o React do React porque estou criando um
componente React e importarei o texto e a folha de estilo do React Native e agora
esse é um invólucro fino em torno do no
componente de texto, portanto, no texto padrão, esse componente aqui é simplesmente um componente que retorna o componente
de texto interno em torno dos adereços. filhos, para que possamos usar o texto padrão com as tags
de abertura e fechamento e, no meio, passar nosso texto e lá apontarei para estilos. texto aqui para atribuir meu próprio estilo de texto, verifique
se a folha de estilo é importada para isso e use a folha de estilo para criar uma
lá embaixo e armazená-la nas constantes de estilos. Obviamente, também o texto padrão da exportação a partir de agora
e agora aqui no texto, simplesmente configurarei uma família de fontes open sans e esse deve ser o meu
padrão aqui. Essa é a única coisa que alterarei e agora podemos usar o texto padrão sempre
que necessário. temos texto no aplicativo que deve usar nossa própria família de fontes personalizadas. Assim, por exemplo, aqui no item de refeição, agora podemos importar
esse texto personalizado; portanto, importe o texto padrão de. / DefaultText, do nosso próprio componente lá e agora use o texto
padrão lá em baixo, em vez do componente de texto que estou usando atualmente, assim e com isso, se formos agora para lá, ele realmente
usará nossa própria fonte personalizada, não ' parece diferente, mas é a nossa própria fonte, isso
é especialmente claro se formos para lá e mudarmos para OpenSans-Bold, é claro, porque a versão em negrito é
sempre um pouco mais fácil de reconhecer, mas voltarei a não versão em negrito. Portanto, também temos nosso texto personalizado aqui, você
pode estilizar outras coisas aqui, adicionar cores, adicionar
ícones, o que quiser. Eu terminei meu estilo no momento, agora quero ter certeza
de que temos um conteúdo mais significativo aqui na página de detalhes antes de também trabalharmos mais tarde na tela de filtros aqui.