Como é feita a navegação básica no Flutter?

A navegação no Flutter é realizada através do widget Navigator e da sua pilha de páginas. Cada página na aplicação é representada como Route.

A navegação básica inclui:

1. Push (adicionar página): Adicionar uma nova rota à pilha, tornando-a a página atual.
2. Pop (remover página): Remover a rota atual da pilha, retornando à página anterior.

Exemplos de uso:

Adicionar uma página com Navigator.push():

// Navegar para uma nova página MyHomePage
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => const MyHomePage()),
);

Adicionar uma página com uma rota nomeada usando Navigator.pushNamed():

// Navegar para a página com a rota nomeada '/second'
Navigator.pushNamed(context, '/second');

Para usar rotas nomeadas, é necessário registrá-las no widget MaterialApp ou CupertinoApp:

MaterialApp(
  initialRoute: '/', // Rota inicial
  routes: {
    '/': (context) => const FirstScreen(), // Página principal
    '/second': (context) => const SecondScreen(), // Segunda página
  },
);

Remover a página atual com Navigator.pop():

// Voltar para a página anterior
Navigator.pop(context);