Curso
React Native: Stack Navigation
A navegação é necessária quando temos um aplicativo com mais de uma tela e através dela conseguimos mudar de uma tela para outra. Aprenda neste curso como criar um aplicativo que utiliza navegação.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
12 horas
Curso de React Native (10 aulas)
Aula 1 - Introdução
Quando um aplicativo possui mais de uma tela é necessário que o usuário possa mudar de uma tela para outra. Para isso a navegação é necessária.
Aula 2 - Entendendo o exemplo
Instalar bibliotecas, definir que o app terá navegação e definir as rotas são os passos que vamos codificar para que o usuário consiga acessar as telas do aplicativo.
Aula 3 - NavigationContainer
Através do componente NavigationContainer definimos que o aplicativo vai ter navegação. Dentro dele inserimos o tipo de navegação do nosso aplicativo e suas rotas.
Aula 4 - Tipos de navegação
Existem diferentes tipos de navegação que um aplicativo pode ter. Ele pode ser uma barra de título, uma barra com abas ou um menu arrastável da esquerda para direita.
Aula 5 - createStackNavigator
Uma das formas de navegação é o createStackNavigator. Existem algumas configurações que podemos fazer para personalizar a barra de título que ele nos disponibiliza por padrão.
Aula 6 - Arquitetura do projeto
Conhecer a estrutura do nosso projeto bem como as telas do nosso aplicativo, a divisão de arquivos e pastas e a forma como os componentes serão divididos é o assunto desta aula.
Aula 7 - Conhecendo nosso ponto de partida
Está quase na hora de colocar a mão na massa mas antes vamos baixar e conhecer o projeto base que será usado neste curso.
Aula 8 - Instalando as bibliotecas
A biblioteca react-navigation nos permite criar de forma nativa a navegação do aplicativo. Para cuidar do código nativo ela conta com algumas outras bibliotecas que vemos nesta aula.
Aula 9 - Criando as rotas do aplicativo
No componente App vamos definir que nosso aplicativo terá navegação. Além disso vamos definir nele o tipo de navegação e as rotas da aplicação.
Aula 10 - Navegando entre telas
Com as rotas criadas precisamos agora avisar para o React Native quando queremos abrir uma nova tela. Para isso é necessário chamar o método navigate que veremos nesta aula.
Veja outros cursos de React Native
React Native: Consumindo APIs
React Native: Consumindo APIs Públicas de Terceiros
React Native: Usando Array.map e Array.filter