Hogyan történik az alap navigáció a Flutterben?

A Flutterben a navigáció a Navigator widget és a lapok stackje segítségével történik. Az alkalmazás minden oldalát Route-ként ábrázolják.

Az alapértelmezett navigáció a következőket tartalmazza:

1. Push (oldal hozzáadása): Egy új útvonal hozzáadása a stackhez, és az aktuális oldalként való beállítása.
2. Pop (oldal eltávolítása): Az aktuális útvonal eltávolítása a stackből, visszatérés a korábbi oldalra.

Használati példák:

Oldal hozzáadása Navigator.push()-szal:

// Új oldalra való navigálás a MyHomePage-re
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => const MyHomePage()),
);

Oldal hozzáadása névvel ellátott útvonal segítségével Navigator.pushNamed()-szal:

// Navigálás a `/second` nevű útvonalra
Navigator.pushNamed(context, '/second');

A névvel ellátott útvonalak használatához azokat regisztrálni kell a MaterialApp vagy CupertinoApp widgetben:

MaterialApp(
  initialRoute: '/', // Kezdőútvonal
  routes: {
    '/': (context) => const FirstScreen(), // Első oldal
    '/second': (context) => const SecondScreen(), // Második oldal
  },
);

Az aktuális oldal eltávolítása Navigator.pop()-szal:

// Visszatérés az előző oldalra
Navigator.pop(context);