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

📱 شرح Flutter

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

الدرس 10 من 30· ⏱ 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 تبسّط التنقّل المعقّد والروابط العميقة في التطبيقات الكبيرة.

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

شرح التنقّل بين الشاشات — Flutter بالعربي
التنقّل بين الشاشاتFlutter بالعربي · The Code Fix

📚 لمزيد من التعمّق في Flutter، راجِع التوثيق الرسمي لـ Flutter.

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