O projeto está inativo

Aplicação Flutter: Rotas de navegação

Veja neste projeto como navegar entre telas de uma aplicação mobile.

1

Introdução

Nosso exemplo

A tela inicial do projeto criado nesse curso é mostrada na Figura 1.

Tela da aplicação
Figura 1. Tela da aplicação

Na Figura 2 temos uma demonstração de como é o fluxo da nossa aplicação.

Fluxo da aplicação
Figura 2. Fluxo da aplicação

Cada botão da aplicação nos levará a uma tela diferente.

O que vamos aprender?

No tópico anterior você praticou com Widgets, conhecendo um pouco mais sobre o que pode ser feito com eles. Neste curso avançaremos um pouco mais e veremos os seguintes conceitos:

  • Rotas nomeadas;
  • Métodos de navegação do Widget Navigator.

O que são rotas nomeadas?

Primeiro, vamos entender o conceito de rotas.

Rotas são caminhos/endereços para se acessar recursos. No exemplo desse curso, acessamos Widgets com elas.

Com as rotas, podemos navegar entre as telas de uma aplicação.

As rotas nomeadas acessam esses recursos por meio de nomes, que identificam qual rota queremos acessar. Veja na Figura 3 como isso funciona na aplicação.

Como funcionam as rotas
Figura 3. Como funcionam as rotas

O que é Widget Navigator?

O Widget Navigator é responsável por prover os recursos para a navegação da aplicação Flutter.

Os seus métodos são funcionalidades que nos permitem ir de uma tela a outra na aplicação.

Neste curso usaremos dois métodos desse Widget:

  • Navigator.pushNamed: com esse método acessamos uma rota pelo seu nome. Com ele acessamos um Widget específico;
  • Navigator.pop: com esse método retornamos a última tela acessada no histórico de navegação.

Por que esses conceitos são úteis?

Hoje em dia, grande parte das aplicações usam mais de uma tela. Raramente vemos aplicativos que tem todas as suas funcionalidades numa única tela.

Isso mostra a importância de se aprender a navegar entre telas dentro de uma aplicação. Fazer aplicações compostas por multitelas é um passo essencial para a programação mobile.

Saiba mais Veja o Curso Flutter: Navegando entre telas
Suporte ao aluno - Deixe a sua dúvida.
FAÇA PARTE DESSE TIME
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinámica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
Conheça agora!
Teste Grátis
  • Guias de Tecnologia
  • Cursos
  • Exercícios
  • Projetos completos
  • DevCasts
  • Artigos
  • Suporte em tempo real

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar