Navigus yadda yake aiki a Flutter?

Question

IT Interview Practice · Accepted Answer

**Navigus** a Flutter yana motsa tsakanin allon (shafuka/routes) — ta amfani da **Navigator** (jerin routes) don navigus na asali, ko kujerun da suka bayyana abubuwa don ƙarin hadadden apps. Fahimtar navigus yana da mahimmanci don gina apps masu allon da yawa.

## Navigus na asali tare da Navigator (jeri)

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

## Watsa bayanai tsakanin allon

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

## Suna routes da zamani routing

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

## Me yasa ke da mahimmanci

Fahimtar navigus yana da mahimmanci domin **masu yawa apps suna da allon da yawa**, kuma motsa tsakanin su shine tushe na aikikin app, saboda haka ita shine ilimi da dole ne a Flutter.

Tushen ra'ayi — **Navigator na Flutter yana sarrafa jerin routes** (allon), inda ka **tofa** don motsa gida (ƙari allon akan saman) da **komawa baya** don se (cire allon da ke saman) — shine tushen ilimtar navigus, kuma metaphor na jeri (daidai da yadda masu amfani sukan motsa gida da baya ta app) yana sa shi fahimta.

Fahimtar **navigus na asali** (tofa/komawa baya) yana da bukatar duk app mai allon da yawa.

Fahimtar **watsa bayanai tsakanin allon** (aiki da bayanai gida ta constructors kuma komawa sakamakon lokacin komawa baya, tunda tofa yana dawo da Future) yana da mahimmanci domin allon suna buƙatar raba bayanai (aiki da item zuwa allon bayanai, komawa zaɓi).

Fahimtar **routes masu suna** (bayyana routes da suna don tsarkakakken shirya tare da allon da yawa) da musamman **zamani declarative routing** (kujerun kamar **go_router**, wanda ake gefe don apps da ba kaɗan ba, wanda ke samar da URL-based routing, deep linking, tallafi na gida, da nested navigation) yana nuni da adireshin zamani — yayin da apps suke girma, declarative routing yana jure yadda ya kamata don girma fiye da imperative tofa/komawa baya.

Tun da kusan duk apps suna da allon da yawa kuma motsa tsakanin su (tare da watsa bayanai) shine tushe na aikikin app, kuma tun da fahimtar Navigator stack model, watsa bayanai, da zamani routing (go_router) yana da bukatar gina apps mai allon da yawa, fahimtar navigus a Flutter yana da mahimmanci, tushe na ilimtar — karfi da bukatar a kusan duk app na Flutter kuma bukatar ne don gina zamani yadda ƙarin aikiken app ke bukatar.

Navigus na asali tare da Navigator (jeri)

Watsa bayanai tsakanin allon

Suna routes da zamani routing

Me yasa ke da mahimmanci

Tambayoyi masu alaƙa