Flutter میں navigation کیسے کام کرتی ہے؟

Question

Accepted Answer

**Navigation** Flutter میں screens (pages/routes) کے درمیان منتقل ہونا ہے — بنیادی navigation کے لیے **Navigator** (routes کا stack) استعمال کرتے ہوئے، یا زیادہ پیچیدہ apps کے لیے declarative routing packages استعمال کرتے ہوئے۔ Navigation کو سمجھنا multi-screen apps بنانے کے لیے ضروری ہے۔

## Navigator کے ساتھ بنیادی navigation (ایک 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
```

## Screens کے درمیان ڈیٹا منتقل کرنا

```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 اور جدید 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
```

## اہمیت کیوں ہے

Navigation کو سمجھنا ضروری ہے کیونکہ **زیادہ تر apps میں متعدد screens ہیں**، اور ان کے درمیان منتقل ہونا app کی فعالیت کے لیے بنیادی ہے، اس لیے یہ Flutter کا ضروری علم ہے۔

مرکزی تصور — Flutter کا **Navigator routes (screens) کے stack کو منظم کرنا**، جہاں آپ آگے navigate کرنے کے لیے **push** کرتے ہیں (ایک screen کو اوپر شامل کرتے ہوئے) اور واپس جانے کے لیے **pop** کرتے ہیں (سب سے اوپر والی screen کو ہٹاتے ہوئے) — navigation کے لیے بنیادی ذہنی نمونہ ہے، اور stack استعارہ (جس طریقے سے صارفین app کے ذریعے آگے اور پیچھے navigate کرتے ہیں) اسے intuitive بناتا ہے۔

**بنیادی navigation** (push/pop) کو سمجھنا کسی بھی multi-screen app کے لیے ضروری ہے۔

**Screens کے درمیان ڈیٹا منتقل کرنا** (constructors کے ذریعے ڈیٹا آگے بھیجنا اور pop کرتے وقت نتائج واپس کرنا، کیونکہ push ایک Future واپس کرتا ہے) کو سمجھنا ضروری ہے کیونکہ screens کو عام طور پر ڈیٹا کا اشتراک کرنے کی ضرورت ہوتی ہے (ایک item کو detail screen میں بھیجنا، selection واپس کرنا)۔

**Named routes** (بہت سی screens کے ساتھ صاف organization کے لیے name سے routes کو define کرنا) اور خاص طور پر **جدید declarative routing** (packages جیسے **go_router**، جو غیر معمولی apps کے لیے سفارش کیا جاتا ہے، URL-based routing، deep linking، web support، اور nested navigation فراہم کرتے ہوئے) کو سمجھنا موجودہ بہترین طریقے کی عکاسی کرتا ہے — جیسے جیسے apps بڑے ہوتے ہیں، declarative routing imperative push/pop سے بہتری کے ساتھ پیچیدگی کو سنبھالتا ہے۔

چونکہ عملی طور پر تمام apps میں متعدد screens ہیں اور ان کے درمیان navigate کرنا (ڈیٹا منتقل کرنے کے ساتھ) app کی فعالیت کے لیے بنیادی ہے، اور چونکہ Navigator stack model، ڈیٹا منتقل کرنا، اور جدید routing (go_router) کو سمجھنا multi-screen apps بنانے کے لیے ضروری ہے، Flutter میں navigation کو سمجھنا ضروری، بنیادی علم ہے — ایک بنیادی صلاحیت جو تقریباً ہر Flutter app میں ضروری ہے اور multi-screen experiences بنانے کے لیے ضروری ہے جو حقیقی applications میں مطلوب ہیں۔