App que simula um fluxo de telas para o curso de navegação e rotas com nuvigator através do Flutter e Dart.
Este projeto cria uma rede de páginas interligadas que utilizaremos para implementar um fluxo aninhado de rotas e navegação
nuvigator
Utilizamos neste projeto uma biblioteca chamada nuvigator que nos possibilita manipular o fluxos das rotas, parâmetros, navegação aninhada e afins.
O acesso ao projeto está separado da seguinte forma:
start
├── aula_1
├── aula_2
├── aula_3
├── start_nested
├── aula_4
└── main
A branch start é o ponto de partida do repositório, é partindo dela que desenvolveremos a aula_1. Por sua vez, a aula_2 é uma continuação da aula_1 e assim vai sucessivamente. A branch main é a final, nela você encontra o código final criado no curso até a aula_4.
Você pode baixar o zip com o código inicial do projeto.
Para executar este projeto você precisa:
- Ter o Flutter instalado na sua máquina
- Ter algum editor de códigos ou IDE como o Android Studio ou Intellij Idea.
Caso opte por IDEs como as duas sugeridas acima, o processo de execução do aplicativo funcionará através de um botão de play na parte superior que ambas dispõem. Caso escolha rodar o projeto via linha de comandos, utilize o comando flutter run
. Lembre-se de antes de executar o comando de navegar até a pasta do projeto antes.
Para mais instruções sobre a configuração do ambiente, recomendamos a leitura do artigo Flutter - Como configurar o ambiente de desenvolvimento. Caso tenha desejo de obter conhecimento além dos cursos da Formação Flutter, recomendamos os livros Iniciando com Flutter Framework e Aprofundando em Flutter da editora Casa do código.
O curso de nuvigator tem o foco em ensinar como manipular as rotas de um aplicativo Flutter primeiramente com os mecanismos nativos, pilha e nomeada. Após aprendermos estas formas, migramos para a utilização da biblioteca nuvigator que proporciona uma forma muito mais rápida e com menos código para criar e gerenciar rotas nomeadas. Aprendemos como criar um nuvigator anônimo, instanciado, personalizar rotas, passagens de parâmetros e navegação aninhada (nested navigation).