Skip to main content

Navegação

Utiliza-se o conceito de pilha (stack) para executar a navegação no Flutter.

Para manipular a "pilha", existe o widget Navigator. Com o princípio de "o último que entra é o primeiro que sai", as operações de push e pop, adicionam e removem as telas da "pilha" de navegação.

Navegação

Código de como é a implementação:

ElevatedButton(
onPressed: () {
//push() 'empurra' a DetailPage para o topo da pilha
Navigator.push(
context,
MaterialPageRoute(builder: (context) => DetailPage()),
);
},
)

Push: Para navegar até DetailPage, utiliza-se o método push().

ElevatedButton(
onPressed: () {
//pop() 'remove' a DetailPage para o topo da pilha
Navigator.pop(context);
}

Pop: Para voltar à página anterior, utiliza-se o método pop().

Exemplo de código completo no DartPad.