¿Cómo se realiza la navegación básica en Flutter?

La navegación en Flutter se realiza mediante el widget Navigator y su pila de páginas. Cada página en la aplicación se representa como Route.

La navegación básica incluye:

1. Push (agregar página): Agregar una nueva ruta a la pila, haciendo que sea la página actual.
2. Pop (eliminar página): Eliminar la ruta actual de la pila, regresando a la página anterior.

Ejemplos de uso:

Agregar una página con Navigator.push():

// Navegar a una nueva página MyHomePage
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => const MyHomePage()),
);

Agregar una página con una ruta nombrada usando Navigator.pushNamed():

// Navegar a la página con la ruta nombrada '/second'
Navigator.pushNamed(context, '/second');

Para usar rutas nombradas, es necesario registrarlas en el widget MaterialApp o CupertinoApp:

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

Eliminar la página actual con Navigator.pop():

// Volver a la página anterior
Navigator.pop(context);