Sobes.tech
Junior

Jak odbywa się podstawowa nawigacja w Flutter?

sobes.tech AI

Odpowiedź od AI

Nawigacja w Flutterze odbywa się za pomocą widżetu Navigator i jego stosu stron. Każda strona w aplikacji jest reprezentowana jako Route.

Podstawowa nawigacja obejmuje:

  1. Push (dodanie strony): Dodanie nowej trasy do stosu, czyniąc ją obecną stroną.
  2. Pop (usunięcie strony): Usunięcie bieżącej trasy ze stosu, powrót do poprzedniej strony.

Przykłady użycia:

Dodanie strony za pomocą Navigator.push():

// Przejście do nowej strony MyHomePage
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => const MyHomePage()),
);

Dodanie strony z nazwanym route'em za pomocą Navigator.pushNamed():

// Przejście do strony z nazwanym route'em '/second'
Navigator.pushNamed(context, '/second');

Aby korzystać z nazwanych route'ów, należy je zarejestrować w widżecie MaterialApp lub CupertinoApp:

MaterialApp(
  initialRoute: '/', // Rola początkowa
  routes: {
    '/': (context) => const FirstScreen(), // Strona główna
    '/second': (context) => const SecondScreen(), // Druga strona
  },
);

Usunięcie bieżącej strony za pomocą Navigator.pop():

// Powrót do poprzedniej strony
Navigator.pop(context);