كيف يعمل التنقل في Flutter؟

Question

Accepted Answer

**التنقل** في Flutter ينقل بين الشاشات (الصفحات/المسارات) — باستخدام **Navigator** (مكدس من المسارات) للتنقل الأساسي، أو حزم التوجيه الإعلانية للتطبيقات الأكثر تعقيداً. فهم التنقل ضروري لبناء التطبيقات متعددة الشاشات.

## التنقل الأساسي مع Navigator (مكدس)

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

## المسارات المسماة والتوجيه الحديث

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

## لماذا هذا مهم

فهم التنقل ضروري لأن **معظم التطبيقات بها عدة شاشات**، والتنقل بينها أساسي لوظائف التطبيق، لذا فهو معرفة Flutter يجب أن تعرفها.

المفهوم الأساسي — **Navigator في Flutter يدير مكدساً من المسارات** (الشاشات)، حيث تقوم **بالدفع** للتنقل للأمام (إضافة شاشة في الأعلى) و**الحذف** للعودة (إزالة الشاشة العلوية) — هو النموذج الذهني الأساسي للتنقل، وصورة المكدس (تطابق كيفية تنقل المستخدمين للأمام والخلف عبر التطبيق) تجعله حدسياً.

فهم **التنقل الأساسي** (الدفع/الحذف) ضروري لأي تطبيق متعدد الشاشات.

فهم **تمرير البيانات بين الشاشات** (إرسال البيانات للأمام عبر المنشئات وإرجاع النتائج عند الحذف، حيث يعود الدفع Future) ضروري لأن الشاشات عادة تحتاج لمشاركة البيانات (تمرير عنصر إلى شاشة التفاصيل، إرجاع تحديد).

فهم **المسارات المسماة** (تحديد المسارات بالاسم للتنظيم الأنظف مع عدد كبير من الشاشات) و خاصة **التوجيه الإعلاني الحديث** (حزم مثل **go_router**، الموصى به للتطبيقات غير البسيطة، يوفر التوجيه القائم على URL والربط العميق ودعم الويب والتنقل المتداخل) يعكس أفضل الممارسات الحالية — مع نمو التطبيقات، التوجيه الإعلاني يتعامل مع التعقيد بشكل أفضل من الدفع/الحذف الإجباري.

حيث أن جميع التطبيقات تقريباً بها عدة شاشات والتنقل بينها (مع تمرير البيانات) أساسي لوظائف التطبيق، و حيث أن فهم نموذج مكدس Navigator وتمرير البيانات والتوجيه الحديث (go_router) ضروري لبناء التطبيقات متعددة الشاشات، فإن فهم التنقل في Flutter معرفة أساسية وضرورية — قدرة أساسية مطلوبة في جميع تطبيقات Flutter تقريباً وضرورية لبناء التجارب متعددة الشاشات التي تتطلبها التطبيقات الحقيقية.