Sobes.tech
Junior

Kako se vrši osnovna navigacija u Flutteru?

sobes.tech АИ

Одговор од АИ

Navigacija u Flutter-u vrši se pomoću widget-a Navigator i njegovog steka stranica. Svaka stranica u aplikaciji predstavlja se kao Route.

Osnovna navigacija uključuje:

  1. Push (dodavanje stranice): Dodavanje nove rute na stek, čime se ona postavlja kao trenutna stranica.
  2. Pop (uklanjanje stranice): Uklanjanje trenutne rute sa steka, povratak na prethodnu stranicu.

Primeri upotrebe:

Dodavanje stranice pomoću Navigator.push():

// Prelazak na novu stranicu MyHomePage
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => const MyHomePage()),
);

Dodavanje stranice sa imenovanom rutom pomoću Navigator.pushNamed():

// Prelazak na stranicu sa imenovanom rutom '/second'
Navigator.pushNamed(context, '/second');

Da bi se koristile imenovane rute, one moraju biti registrovane u widget-u MaterialApp ili CupertinoApp:

MaterialApp(
  initialRoute: '/', // Početna ruta
  routes: {
    '/': (context) => const FirstScreen(), // Glavna stranica
    '/second': (context) => const SecondScreen(), // Druga stranica
  },
);

Uklanjanje trenutne stranice pomoću Navigator.pop():

// Povratak na prethodnu stranicu
Navigator.pop(context);