Jak funguje navigace ve Flutteru?

Question

Accepted Answer

**Navigace** ve Flutteru se pohybuje mezi obrazovkami (stránkami/cestami) — pomocí **Navigatoru** (zásobníku cest) pro základní navigaci, nebo deklarativních balíčků pro směrování pro složitější aplikace. Pochopení navigace je zásadní pro vytváření aplikací s více obrazovkami.

## Základní navigace s Navigatorem (zásobník)

```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
```

## Předávání dat mezi obrazovkami

```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)
```

## Pojmenované cesty a moderní směrování

```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
```

## Proč je to důležité

Pochopení navigace je zásadní, protože **většina aplikací má více obrazovek**, a pohyb mezi nimi je základní funkcionalitou aplikace, takže jde o nezbytné znalosti Flutter.

Základní koncept — **Navigator ve Flutteru spravuje zásobník cest** (obrazovek), kde **push** slouží k navigaci vpřed (přidání obrazovky na vrchol) a **pop** slouží k návratu (odstranění vrchní obrazovky) — je základním mentálním modelem pro navigaci, a metafora zásobníku (odpovídající způsobu, jakým se uživatelé pohybují vpřed a vzad aplikací) ji činí intuitivní.

Pochopení **základní navigace** (push/pop) je nutné pro jakoukoli aplikaci s více obrazovkami.

Pochopení **předávání dat mezi obrazovkami** (odeslání dat vpřed prostřednictvím konstruktorů a vrácení výsledků při pop, protože push vrací Future) je zásadní, protože obrazovky běžně potřebují sdílet data (předání položky do detailní obrazovky, vrácení výběru).

Pochopení **pojmenovaných cest** (definování cest podle názvu pro čistší organizaci s mnoha obrazovkami) a zejména **moderního deklarativního směrování** (balíčky jako **go_router**, které jsou doporučeny pro netriviální aplikace, poskytující směrování na základě URL, deep linking, podporu webu a vnořenou navigaci) odráží aktuální osvědčené postupy — jak aplikace rostou, deklarativní směrování lépe zvládá složitost než imperativní push/pop.

Protože prakticky všechny aplikace mají více obrazovek a navigace mezi nimi (s předáváním dat) je základní funkcionalitou aplikace, a protože pochopení modelu zásobníku Navigatoru, předávání dat a moderního směrování (go_router) je nezbytné pro vytváření aplikací s více obrazovkami, pochopení navigace ve Flutteru je zásadní, základní znalostí — základní schopností potřebnou v téměř každé aplikaci Flutter a nezbytné pro vytváření víceobrazovkových zážitků, které skutečné aplikace vyžadují.