Kako deluje navigacija v Flutter-ju?

Question

Accepted Answer

**Navigacija** v Flutter-ju omogoča premikanje med zasloni (stranmi/rutami) — z uporabo **Navigator-ja** (sklad rul) za osnovno navigacijo ali deklarativnimi paketi za usmerjanje v bolj zapletenih aplikacijah. Razumevanje navigacije je ključno za gradnjo aplikacij z več zasloni.

## Osnovna navigacija s pomočjo Navigator-ja (sklad)

```dart
// the Navigator manages a STACK of routes (screens)
// PUSH a new screen onto the stack (navigate to it)
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => SecondScreen()),
);

// POP — go back (remove the top screen, return to the previous)
Navigator.pop(context);
```

```text
Think of navigation as a STACK of screens:
  → PUSH adds a screen on top (navigate forward)
  → POP removes the top screen (go back)
  → the back button / gesture also pops
```

## Prenos podatkov med zasloni

```dart
// pass data forward (via the constructor)
Navigator.push(context, MaterialPageRoute(
  builder: (context) => DetailScreen(itemId: 42),
));

// return data back when popping
Navigator.pop(context, result);          // return a result
final result = await Navigator.push(...); // receive it (push returns a Future)
```

## Poimenovane rute in moderna usmerjanja

```dart
// NAMED routes — define routes by name (cleaner for many screens)
Navigator.pushNamed(context, '/details');
// configured in MaterialApp(routes: {...})

// MODERN: declarative routing packages (go_router) for complex apps:
//   → URL-based routing, deep linking, web support, nested navigation
//   → go_router is the recommended approach for non-trivial apps
```

## Zakaj je to pomembno

Razumevanje navigacije je nujno, ker ima **večina aplikacij več zaslonov**, in premikanje med njimi je temeljno za funkcionalnost aplikacije, zato je to nujno znanje Flutter-ja.

Osrednji koncept — **Navigator upravljanja sklada rul** (zaslonov) v Flutter-ju, kjer **push-aš** za navigacijo naprej (dodaš zaslon na vrh) in **pop-aš** za vrnitev nazaj (odstraniš vrhnji zaslon) — je temeljni miselni model navigacije, in metafora sklada (ki se ujema s tem, kako uporabniki navigirajo naprej in nazaj skozi aplikacijo) jo naredi intuitivno.

Razumevanje **osnovne navigacije** (push/pop) je potrebno za katero koli aplikacijo z več zasloni.

Razumevanje **prenosa podatkov med zasloni** (pošiljanje podatkov naprej prek konstruktorjev in vrnitev rezultatov ob pop-u, saj push vrne Future) je bistveno, ker zasloni pogosto potrebujejo deliti podatke (pošiljanje elementa na zaslon podrobnosti, vrnitev izbora).

Razumevanje **poimenovanih rul** (opredeljevanje rul po imenu za boljšo organizacijo z več zasloni) in zlasti **modernega deklarativnega usmerjanja** (paketi kot je **go_router**, ki je priporočljiv za nezazidane aplikacije, s podporo za usmerjanje na osnovi URL-jev, globoke povezave, podporo za splet in ugnezdeno navigacijo) odraža trenutne najboljše prakse — ko aplikacije rastejo, deklarativno usmerjanje bolje obvladuje kompleksnost kot imperativno push/pop.

Ker imajo praktično vse aplikacije več zaslonov in navigacija med njimi (s prenosom podatkov) je temeljno za funkcionalnost aplikacije, in ker je razumevanje modela sklada Navigator-ja, prenosa podatkov in modernega usmerjanja (go_router) potrebno za gradnjo aplikacij z več zasloni, je razumevanje navigacije v Flutter-ju bistveno, temeljno znanje — osnovna sposobnost, potrebna pri skoraj vsaki Flutter aplikaciji in nujno za gradnjo večzaslonskih izkušenj, ki jih zahtevajo prave aplikacije.