Flutter मा navigation कसरी काम गर्छ?

Question

Accepted Answer

**Navigation** Flutter मा स्क्रिनहरू (pages/routes) बीच सर्छ — **Navigator** (routes को stack) को प्रयोग गरेर आधारभूत navigation को लागि, वा अधिक जटिल अनुप्रयोगहरूको लागि declarative routing packages को प्रयोग गरेर। Navigation बुझ्नु multi-screen अनुप्रयोगहरू निर्माण गर्नको लागि आवश्यक हो।

## Navigator (एक stack) सँग आधारभूत navigation

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

## स्क्रिनहरू बीच डेटा पास गर्दै

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

## नामकृत 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 बुझ्नु आवश्यक हो किनकि **अधिकांश अनुप्रयोगमा धेरै स्क्रिनहरू हुन्छन्**, र तिनीहरू बीच सर्नु अनुप्रयोग कार्यक्षमताको लागि आधारभूत हो, त्यसैले यो अवश्य-जान्नु पर्ने Flutter ज्ञान हो।

मुख्य अवधारणा — Flutter को **Navigator stack of routes (स्क्रिनहरू) को व्यवस्थापन** गर्दै, जहाँ तपाई **push** गर्नु पर्छ अगाडि सर्नको लागि (एक स्क्रिन माथिमा थप्दै) र **pop** गर्नु पर्छ फर्कन (शीर्ष स्क्रिन हटाएर) — navigation को लागि आधारभूत मानसिक मडेल हो, र stack metaphor (कसरी प्रयोगकर्ताहरू अनुप्रयोगको माध्यमबाट अगाडि र पछाडि सर्छन् भन्ने सँग मेल खाएर) यो सहज बनाउँछ।

**आधारभूत navigation** (push/pop) बुझ्नु कुनै पनि multi-screen अनुप्रयोगको लागि आवश्यक हो।

**स्क्रिनहरू बीच डेटा पास गर्दै** (constructors मार्फत डेटा अगाडि पठाएर र pop गर्दा परिणामहरू फर्काएर, किनकि push ले Future फर्काउँछ) बुझ्नु आवश्यक हो किनकि स्क्रिनहरूलाई सामान्यतः डेटा साझा गर्न आवश्यक हुन्छ (विस्तार स्क्रिनमा वस्तु पठाएर, चयन फर्काएर)।

**नामकृत routes** (धेरै स्क्रिनहरूको सँग सफा संगठनको लागि नामद्वारा routes परिभाषित गर्दै) र विशेष गरेर **आधुनिक declarative routing** (**go_router** जस्तो packages, जो गैर-तुच्छ अनुप्रयोगहरूको लागि सिफारिश गरिएको छ, URL-based routing, deep linking, web support, र nested navigation प्रदान गरदै) वर्तमान सर्वोत्तम अभ्यासहरू प्रतिफलित गर्छ — अनुप्रयोगहरू बढ्दै गएसँगै, declarative routing imperative push/pop भन्दा जटिलता राम्रोसँग सम्भाल्छ।

लगभग सबै अनुप्रयोगमा धेरै स्क्रिनहरू हुन्छन् र तिनीहरू बीच सर्नु (डेटा पास गर्दै) अनुप्रयोग कार्यक्षमताको लागि आधारभूत हो, र Navigator stack मडेल, डेटा पास गर्दै, र आधुनिक routing (go_router) बुझ्नु multi-screen अनुप्रयोगहरू निर्माण गर्न आवश्यक हो भनेर, Flutter मा navigation बुझ्नु आवश्यक, आधारभूत ज्ञान हो — एक मुख्य क्षमता लगभग हरेक Flutter अनुप्रयोगमा आवश्यक र real अनुप्रयोगहरूले आवश्यक गर्ने multi-screen अनुभवहरू निर्माण गर्न आवश्यक।