Agora, com tudo isso neste módulo, você aprendeu muito sobre como criar aplicativos reais com o React Native.
Você aprendeu muito sobre os componentes internos, aprendeu
muito sobre estilo e como organizar as coisas da maneira que deseja e
como estilizar
as coisas da maneira que deseja, e também como o estilo difere entre alguns componentes, por exemplo, que para componentes
de texto, o estilo cascata até
certo ponto; portanto, os estilos são herdados em estilos aninhados, algo que estamos aproveitando na tela
do game aqui, mas que em todos os outros componentes, como a exibição, os estilos que você aplica a ele realmente se aplicam
apenas a essa exibição e não se conectam em cascata, não são compartilhadas com nenhuma exibição filho aninhada.
Você também aprendeu como compartilhar estilos comuns, por exemplo, com componentes personalizados, como o texto do corpo, que configura
uma família de fontes geral, para que possamos usar o texto do corpo em vez do texto interno, se
quisermos texto com essa família de fontes.
É claro que esse é um conceito que você pode usar para qualquer estilo
compartilhado que desejar, como também o fazemos para o tipo de cartão, onde temos uma visão privilegiada para nos dar essa bela
aparência de cartão com um pouco de sombra.
Você também aprendeu como configurar alguns temas com constantes que podem ser importadas para arquivos diferentes, tanto
para cores aqui quanto para as que são necessárias, para estilos de texto ou para qualquer outro estilo que você
queira compartilhar entre componentes, para que você não não é necessário reescrevê-lo o tempo todo, especialmente útil para casos
em que você não deseja ou não pode criar componentes separados, como
estamos fazendo na família de fontes, por exemplo.
Portanto, se isso não for possível, o que no caso das cores teria
sido difícil porque precisamos de cores em todos os tipos de lugares, esses estilos ou constantes compartilhados são uma ótima
maneira e, em geral, espero que você tenha uma ideia de como componha interfaces de usuário com
componentes internos e com seus próprios componentes personalizados, que se acumulam nos componentes internos e como
você pode, portanto, criar aplicativos agradáveis do React Native.
Examinamos alguns componentes principais e, portanto, também quero dar um resumo rápido sobre o que
você aprendeu sobre esses componentes aqui.
Provavelmente, o componente mais importante é a visualização, que é um contêiner que você envolve em
torno de outros componentes para distribuir esses componentes ou adicionar certos estilos de contêiner, como sombras, bordas, cores de
plano de fundo, coisas assim. Igualmente importante é
o componente de texto usado para a saída de texto.
Você também pode aninhar texto em texto onde algum estilo é compartilhado e, em geral, pode controlar como
o texto deve ser produzido, se deve envolver-se qual é o padrão ou se deve gerar apenas
uma ou duas
linhas e é aí que o componente de texto realmente ajuda a fornecer essas informações valiosas para seus usuários.
Agora, às vezes, você não apenas deseja gerar informações, mas também buscar informações e, para isso,
a entrada de texto pode ser útil.
Agora vamos nos aprofundar na busca de entrada do usuário mais adiante neste curso, mas você já deu uma primeira olhada
em como pode estilizá-lo, como configurá-lo e como garantir que está recebendo a entrada correta e se está validando
a entrada e você realmente está trabalhando apenas com a entrada necessária. Agora, falando da entrada do usuário, é claro que
o botão também é um componente crucial, seja o botão
interno ou o seu próprio botão, que você pode criar com os componentes tocáveis, que
também são super importantes e nos
casos em que você precisa gerar listas de você aprendeu sobre o FlatList e sobre a exibição de
rolagem, onde a principal diferença é que o FlatList é otimizado para listas muito longas ou listas em
que você realmente não sabe quanto tempo elas durarão, mas elas
são potencialmente muito longas, enquanto a exibição de rolagem é ótima para qualquer outro conteúdo rolável que não seja infinitamente longo,
onde você certamente irá além dos limites da tela, mas não haverá muito conteúdo extra, porque se todo esse
conteúdo extra for renderizado sem que seja usado, sem que seja visível para você está perdendo desempenho e
é aí
que o FlatList entra, porque
isso apenas renderiza o que o usuário pode realmente ver.
Falando sobre o que o usuário pode ver, neste módulo, você também aprendeu como adicionar suas próprias fontes personalizadas
e, às vezes, não precisa de uma fonte, mas de uma imagem,
também aprendeu como fazer isso, como incluir local ou rede imagens e como você pode estilizar essas imagens para ficarem bem.
Falando em estilo, para isso, estamos usando a folha de estilo que não é um componente, mas
uma classe ou um objeto
fornecido pelo React Native e a vantagem de usar essa folha de estilo não é apenas o fato
de você tirar seus estilos do código jsx que você deseja manter-se relativamente enxuto, curto e conciso, mas também recebe validação
automática de seus estilos e o React Native informa quando você está usando um estilo incorretamente e que,
no futuro, também poderá obter otimizações de desempenho adicionais. E com isso, podemos apenas encorajá-lo a manter
esta seção
em mente, talvez repassá-la uma segunda vez e usá-la como base para o progresso de seu curso, onde
usaremos todos esses componentes com os quais trabalhamos, onde escreveremos mais estilos, onde criaremos interfaces de
usuário mais complexas e onde você realmente precisará desses fundamentos que aprendeu no segundo e
neste módulo do curso para criar incríveis aplicativos React Native.
Então vamos seguir em frente.