Wie erfolgt die grundlegende Navigation in Flutter?

Die Navigation in Flutter erfolgt mit dem Widget Navigator und seinem Stack von Seiten. Jede Seite in der Anwendung wird als Route dargestellt.

Die grundlegende Navigation umfasst:

1. Push (Seite hinzufügen): Eine neue Route zum Stack hinzufügen und sie zur aktuellen Seite machen.
2. Pop (Seite entfernen): Die aktuelle Route aus dem Stack entfernen und zur vorherigen Seite zurückkehren.

Anwendungsbeispiele:

Seite mit Navigator.push() hinzufügen:

// Navigieren zu einer neuen Seite MyHomePage
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => const MyHomePage()),
);

Seite mit benannter Route mit Navigator.pushNamed() hinzufügen:

// Navigieren zur Seite mit der benannten Route '/second'
Navigator.pushNamed(context, '/second');

Um benannte Routen zu verwenden, müssen sie im Widget MaterialApp oder CupertinoApp registriert werden:

MaterialApp(
  initialRoute: '/', // Anfangsroute
  routes: {
    '/': (context) => const FirstScreen(), // Hauptseite
    '/second': (context) => const SecondScreen(), // Zweite Seite
  },
);

Aktuelle Seite mit Navigator.pop() entfernen:

// Zurück zur vorherigen Seite
Navigator.pop(context);