Flutter இல் navigation எவ்வாறு செயல்படுகிறது?

Question

Accepted Answer

**Navigation** என்பது Flutter இல் screens (pages/routes) க்கு இடையே நகர்வது — **Navigator** (routes இன் stack) ஐ பயன்படுத்தி அடிப்படை navigation க்காக, அல்லது மிகவும் சிக்கலான 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 க்கு இடையே data ஐ அனுப்புதல்

```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 functionality க்கு அடிப்படை ஆகும், எனவே இது Flutter கணிதத்தை அவசியமாக அறிய வேண்டிய ஒன்றாகும்.

மূல கருத்து — Flutter இன் **Navigator routes (screens) இன் stack ஐ நிர்வகிக்கிறது**, இங்கு நீங்கள் **push** செய்து முன்னோக்கி navigate செய்கிறீர்கள் (ஒரு screen ஐ மேலே சேர்த்து) மற்றும் **pop** செய்து திரும்பி செல்கிறீர்கள் (மேல் screen ஐ நீக்கி) — இது navigation க்கான அடிப்படை மানসிக மாதிரி ஆகும், மேலும் stack metaphor (ஒரு app வழியாக users எவ்வாறு முன்னோக்கி மற்றும் பின்னோக்கி navigate செய்கிறார்கள் என்பது போல் பொருந்துகிறது) இதை உள்ளுணர்வாக்குகிறது.

**அடிப்படை navigation** (push/pop) ஐ புரிந்துகொள்வது எந்த multi-screen app க்கும் அவசியம்.

**Screens க்கு இடையே data ஐ அனுப்புதல்** (constructors வழியாக data ஐ முன்னோக்கி அனுப்பி மற்றும் popping போது results ஐ திரும்பி அனுப்பி, push ஒரு Future ஐ திரும்பி அனுப்புவதால்) ஐ புரிந்துகொள்வது அவசியம் ஏனெனில் screens பொதுவாக data ஐ பகிர்ந்து கொள்ள வேண்டும் (ஒரு item ஐ detail screen க்கு அனுப்பி, ஒரு selection ஐ திரும்பி அனுப்பி).

**Named routes** (many screens உடன் தெளிவான organization க்கு routes ஐ name வாரியாக வரையறுப்பது) மற்றும் குறிப்பாக **நவீன declarative routing** (packages போல் **go_router**, non-trivial apps க்கு பரிந்துரைக்கப்பட்ட, URL-based routing, deep linking, web support, மற்றும் nested navigation ஐ வழங்கும்) ஐ புரிந்துகொள்வது தற்போதைய சிறந்த practices ஐ பிரதिबिम்বிக்கிறது — apps வளரும்போது, declarative routing complexity ஐ imperative push/pop ஐ விட சிறந்தமாக கையாளுகிறது.

கிட்டத்தட்ட எல்லா apps க்கு பல screens உள்ளன மேலும் அவற்றிற்கு இடையே navigate செய்வது (data passing உடன்) app functionality க்கு அடிப்படை ஆகும், மேலும் Navigator stack model, data passing, மற்றும் நவீன routing (go_router) ஐ புரிந்துகொள்வது multi-screen apps ஐ உருவாக்க அவசியம், Flutter இல் navigation ஐ புரிந்துகொள்வது அவசியம், அடிப்படை knowledge ஆகும் — ஏறக்குறைய ஒவ்வொரு Flutter app இலும் தேவைப்படும் ஒரு core capability மற்றும் real applications க்கு தேவைப்படும் multi-screen experiences ஐ உருவாக்க அவசியம்.