1 00:00:02,250 --> 00:00:07,160 Agora, há um outro lugar no aplicativo em que eu quero usar minha própria fonte e está aqui na lista de 2 00:00:07,170 --> 00:00:10,080 receitas, este texto aqui - simples, acessível e com duração, que não 3 00:00:10,200 --> 00:00:13,400 está usando nossa própria fonte e é algo que queremos mudar e é claro 4 00:00:13,620 --> 00:00:16,110 que esse é o nosso item de refeição aqui. 5 00:00:16,110 --> 00:00:23,460 Lá temos esses três componentes de texto e eles simplesmente precisam de um estilo que use nossa própria fonte. 6 00:00:23,910 --> 00:00:28,470 Agora, a propósito no início do curso, você aprendeu sobre alternativas a isso, em vez de atribuir 7 00:00:28,470 --> 00:00:30,690 um estilo e repetir uma atribuição de estilo 8 00:00:30,690 --> 00:00:36,210 aqui, você também pode criar seu próprio componente de wrapper, como fizemos com o corpo do texto no início do 9 00:00:36,210 --> 00:00:41,430 curso, que é simplesmente empacotado o componente de texto interno que sempre define sua própria família de fontes, que 10 00:00:41,430 --> 00:00:47,550 será uma alternativa ou você configura um estilo global que importa para esse arquivo e, na verdade, agora que penso nisso, já que 11 00:00:47,550 --> 00:00:49,350 teremos mais texto posteriormente, Vou criar 12 00:00:49,350 --> 00:00:54,990 meu próprio componente wrapper aqui e terei meu digamos DefaultText. js aqui, você pode nomear isso 13 00:00:54,990 --> 00:01:00,330 como quiser e lá, importarei o React do React porque estou criando um 14 00:01:00,330 --> 00:01:06,950 componente React e importarei o texto e a folha de estilo do React Native e agora 15 00:01:07,050 --> 00:01:10,500 esse é um invólucro fino em torno do no 16 00:01:10,500 --> 00:01:17,550 componente de texto, portanto, no texto padrão, esse componente aqui é simplesmente um componente que retorna o componente 17 00:01:17,940 --> 00:01:24,300 de texto interno em torno dos adereços. filhos, para que possamos usar o texto padrão com as tags 18 00:01:24,300 --> 00:01:32,730 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 19 00:01:32,730 --> 00:01:40,280 se a folha de estilo é importada para isso e use a folha de estilo para criar uma 20 00:01:40,280 --> 00:01:48,050 lá embaixo e armazená-la nas constantes de estilos. Obviamente, também o texto padrão da exportação a partir de agora 21 00:01:48,050 --> 00:01:54,170 e agora aqui no texto, simplesmente configurarei uma família de fontes open sans e esse deve ser o meu 22 00:01:54,170 --> 00:01:59,870 padrão aqui. Essa é a única coisa que alterarei e agora podemos usar o texto padrão sempre 23 00:01:59,870 --> 00:02:10,000 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 24 00:02:10,000 --> 00:02:18,360 esse texto personalizado; portanto, importe o texto padrão de. / DefaultText, do nosso próprio componente lá e agora use o texto 25 00:02:18,900 --> 00:02:27,110 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 26 00:02:27,110 --> 00:02:32,290 usará nossa própria fonte personalizada, não ' parece diferente, mas é a nossa própria fonte, isso 27 00:02:32,480 --> 00:02:38,630 é especialmente claro se formos para lá e mudarmos para OpenSans-Bold, é claro, porque a versão em negrito é 28 00:02:38,630 --> 00:02:48,320 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ê 29 00:02:48,320 --> 00:02:53,300 pode estilizar outras coisas aqui, adicionar cores, adicionar 30 00:02:53,330 --> 00:02:59,150 ícones, o que quiser. Eu terminei meu estilo no momento, agora quero ter certeza 31 00:02:59,240 --> 00:03:05,600 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.