Navigation inafanyaje kazi katika Flutter?

Question

Accepted Answer

**Navigation** katika Flutter inahamia kati ya skrini (pages/routes) — kwa kutumia **Navigator** (stack ya routes) kwa navigation ya msingi, au declarative routing packages kwa programu ngumu zaidi. Kuelewa navigation ni muhimu kwa kujenga programu za skrini nyingi.

## Navigation ya msingi na Navigator (stack)

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

## Kupitisha data kati ya skrini

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

## Named routes na routing ya kisasa

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

## Kwa nini ni muhimu

Kuelewa navigation ni muhimu kwa sababu **programu nyingi zina skrini nyingi**, na kuhamia kati yake ni jambo la msingi kwa utendaji wa programu, kwa hivyo ni maarifa ya Flutter yanayopaswa kujulikana.

Dhana kuu — **Navigator ya Flutter ikisimamia stack ya routes** (skrini), ambapo unafanya **push** kwenda mbele (kuongeza skrini juu) na **pop** kurudi nyuma (kuondoa skrini ya juu) — ni modeli ya kiakili ya msingi kwa navigation, na fumbo la stack (likilingana na jinsi watumiaji wanavyohama mbele na nyuma kupitia programu) huifanya iwe rahisi kueleweka.

Kuelewa **navigation ya msingi** (push/pop) ni jambo la lazima kwa programu yoyote ya skrini nyingi.

Kuelewa **kupitisha data kati ya skrini** (kutuma data mbele kupitia constructors na kurudisha matokeo wakati wa pop, kwa kuwa push inarudisha Future) ni muhimu kwa sababu skrini mara nyingi zinahitaji kushiriki data (kupitisha kipengee kwenye skrini ya maelezo, kurudisha uteuzi).

Kuelewa **named routes** (kufafanua routes kwa jina kwa upangaji safi na skrini nyingi) na hasa **declarative routing ya kisasa** (packages kama **go_router**, ambayo inapendekezwa kwa programu zisizo za kawaida, ikitoa URL-based routing, deep linking, msaada wa wavuti, na nested navigation) inaakisi mazoezi bora ya sasa — programu zinapokua, declarative routing inashughulikia utata vizuri zaidi kuliko imperative push/pop.

Kwa kuwa karibu programu zote zina skrini nyingi na kuhama kati yake (na kupitisha data) ni jambo la msingi kwa utendaji wa programu, na kwa kuwa kuelewa modeli ya Navigator stack, kupitisha data, na routing ya kisasa (go_router) ni jambo la lazima kujenga programu za skrini nyingi, kuelewa navigation katika Flutter ni maarifa muhimu ya msingi — uwezo wa msingi unaohitajika katika karibu kila programu ya Flutter na wa lazima kwa kujenga uzoefu wa skrini nyingi ambao programu halisi zinahitaji.