Sobes.tech
Junior

Come avviene la navigazione di base in Flutter?

sobes.tech AI

Risposta dell'AI

La navigazione in Flutter avviene tramite il widget Navigator e il suo stack di pagine. Ogni pagina dell'applicazione è rappresentata come Route.

La navigazione di base include:

  1. Push (aggiunta di una pagina): Aggiungere una nuova rotta allo stack, rendendola la pagina corrente.
  2. Pop (rimozione di una pagina): Rimuovere la rotta corrente dallo stack, tornando alla pagina precedente.

Esempi di utilizzo:

Aggiunta di una pagina con Navigator.push():

// Naviga verso una nuova pagina MyHomePage
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => const MyHomePage()),
);

Aggiunta di una pagina con rotta nominata usando Navigator.pushNamed():

// Naviga verso la pagina con rotta nominata '/second'
Navigator.pushNamed(context, '/second');

Per usare rotte nominate, è necessario registrarle nel widget MaterialApp o CupertinoApp:

MaterialApp(
  initialRoute: '/', // Rotta iniziale
  routes: {
    '/': (context) => const FirstScreen(), // Prima pagina
    '/second': (context) => const SecondScreen(), // Seconda pagina
  },
);

Rimozione della pagina corrente con Navigator.pop():

// Torna alla pagina precedente
Navigator.pop(context);