React Native: Criando um aplicativo com tab navigation

Tab navigation é um tipo de navegação que o aplicativo pode ter. Nesta aula vamos entender o que é e porque esse tipo de navegação é útil.

Para focarmos no objetivo desse curso, que é personalizar as abas de um aplicativo, primeiro precisamos relembrar como funciona a navegação de um aplicativo e o que é necessário para criá-lo.

O Expo possui nativamente uma biblioteca com diversos ícones que podem ser utilizados tanto nas telas do seu aplicativo quanto para personalizar as abas. Nesta aula vamos aprender a utilizar a biblioteca @expo/vector-icons.

Agora que você já sabe utilizar a biblioteca @expo/vector-icons podemos personalizar as abas inserindo ícones. Nesta aula você vai aprender a sintaxe utilizada para personalizar as abas do aplicativo.

Além de alterar o ícone das abas, também conseguimos personalizar o componente que agrupa as rotas. Com isso podemos alterar a cor de fundo das abas, definir a cor dos textos que exibem os nomes das rotas e a posição dos ícones com relação ao texto.

Além do container das abas e das próprias abas, também conseguimos estilizar a barra de título. Dessa forma conseguimos alterar, por exemplo, a cor de fundo, cor do texto, o alinhamento do texto, entre outros.

Chegou a hora de revisar os conceitos aprendidos neste curso. Nesta aula vamos apresentar um aplicativo que possui três telas e utiliza a navegação do tipo tab navigation. Além disso, vamos utilizar ícones da biblioteca @expo/vector-icons.

Nesta aula vamos explicar os passos dados para criar o aplicativo que vimos na aula anterior para você replicá-lo. Dessa forma você colocará em prática a estilização das abas e da barra de título do aplicativo.