Rotas app

App que simula um fluxo de telas para o curso de navegação e rotas com nuvigator através do Flutter e Dart.

? Funcionalidades do projeto

Este projeto cria uma rede de páginas interligadas que utilizaremos para implementar um fluxo aninhado de rotas e navegação

✔️ Técnicas e tecnologias utilizadas

  • nuvigator Utilizamos neste projeto uma biblioteca chamada nuvigator que nos possibilita manipular o fluxos das rotas, parâmetros, navegação aninhada e afins.

? Acesso ao projeto

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.

?️ Abrir e rodar o projeto

Para executar este projeto você precisa:

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.

? Mais informações do curso

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).

GitHub

View Github