Hoe wordt de basisnavigatie in Flutter uitgevoerd?

Navigatie in Flutter wordt uitgevoerd met behulp van de widget Navigator en zijn stapel van pagina's. Elke pagina in de applicatie wordt weergegeven als Route.

Basisnavigatie omvat:

1. Pushing (pagina toevoegen): Een nieuwe route aan de stapel toevoegen, waardoor deze de huidige pagina wordt.
2. Popping (pagina verwijderen): De huidige route uit de stapel verwijderen, terug naar de vorige pagina.

Voorbeelden van gebruik:

Pagina toevoegen met Navigator.push():

// Navigeren naar een nieuwe pagina MyHomePage
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => const MyHomePage()),
);

Pagina toevoegen met een genummerde route met Navigator.pushNamed():

// Navigeren naar de pagina met de genummerde route '/second'
Navigator.pushNamed(context, '/second');

Om genummerde routes te gebruiken, moeten ze worden geregistreerd in het widget MaterialApp of CupertinoApp:

MaterialApp(
  initialRoute: '/', // Startroute
  routes: {
    '/': (context) => const FirstScreen(), // Hoofdpagina
    '/second': (context) => const SecondScreen(), // Tweede pagina
  },
);

Verwijderen van de huidige pagina met Navigator.pop():

// Terug naar de vorige pagina
Navigator.pop(context);