تخطَّ إلى المحتوى

📱 شرح Flutter

التنقّل بين الشاشات

الدرس 12 من 25· ⏱ 1 دقائق قراءة

الانتقال لشاشة جديدة

Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => const SecondScreen()),
);

العودة

Navigator.pop(context);

تمرير بيانات للأمام

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => DetailScreen(item: selectedItem),
  ),
);

استقبال نتيجة عند العودة

final result = await Navigator.push(...);
print(result);   // ما أعادته الشاشة الثانية عبر pop(value)

المسارات المسمّاة

MaterialApp(
  routes: {
    "/": (context) => HomeScreen(),
    "/details": (context) => DetailScreen(),
  },
)

Navigator.pushNamed(context, "/details");

التنقّل الحديث

حِزم مثل go_router تبسّط التنقّل المعقّد والروابط العميقة في التطبيقات الكبيرة.

🎯 التالي: النماذج والمدخلات.

هل كان هذا الدرس مفيدًا؟