1) ما هو showDialog وماذا يرجع؟ showDialog<T> هو دالة تعرض حوار (modal) فوق واجهة التطبيق، مع حاجز (modal barrier) يمنع التفاعل مع المحتوى الذي تحته. عندما يُغلَق الحوار، تُكمِل الـ Future التي ترجعها الدالة بقيمة (أو null إذا أغلق المستخدم…
📌 ما هي الـ Routes؟ 🟢 1) الـ Route العادي (MaterialPageRoute / CupertinoPageRoute) أبسط طريقة: 🟢 2) الـ Named Routes (المسارات المسمّاة) بدل ما تبني Route في كل مرّة، تعرّفها في مكان واحد (عادةً داخل MaterialApp). تعريف: استخدام: 🟢 3)…
1) الفكرة العامة (مكدس الشاشات — Route Stack) 2) Navigator.push(…) متى تستخدمه؟للتنقل العادي إلى صفحة جديدة مع إمكانية الرجوع (مثلاً من Home → Details). سلوك مهم: الدالة ترجع Future<T?> الذي ينتهي عندما تُغلق الصفحة الجديدة (pop) — هذا يمكن استخدامه…
🔹 ما هو PageView؟ 🔹 الأنواع 🔹 أهم الخصائص 1. children / itemBuilder 2. scrollDirection 3. controller مثال: 4. onPageChanged 5. physics 6. pageSnapping 🔹 مثال كامل مع التحكم 🔹 مميزات PageView 🔹 نصائح
🔹 ما هو BottomNavigationBar ؟ 🔹 مثال بسيط 🔹 أهم الخصائص 1. items 2. currentIndex 3. onTap 4. type 5. selectedItemColor / unselectedItemColor 6. backgroundColor 7. iconSize 8. showSelectedLabels / showUnselectedLabels 🔹 أماكن وحالات الاستخدام 🔹 نصائح 🔹 مثال متقدم…
🔹 ما هو TabBar ؟ 🔹 المكونات الأساسية لعمل TabBar تحتاج 3 عناصر: 🔹 مثال أساسي 🔹 شرح الخصائص المهمة في TabBar 🔹 TabBarView 🔹 أماكن الاستخدام 🔹 نصائح ومحاذير 🔹 مثال مع TabBar في أسفل الشاشة ✨ الخلاصة:
📌 ما هو الـ Drawer؟ الـ Drawer هو قائمة جانبية (عادةً تُسحب من اليسار في اللغات LTR ومن اليمين في RTL مثل العربية) تُستخدم لعرض خيارات التنقل Navigation أو روابط سريعة داخل التطبيق.يُدمج غالبًا مع Scaffold في الخاصية: 🧩 التركيب…
ما هي AppBar؟ شريط علوي مادي (Material) يُعرض عادةً داخل: يوفّر عنوان الصفحة، أزرار رجوع/قائمة، إجراءات (actions)، تبويبات… إلخ. أهم الخصائص (مع الشرح السريع) بنية المحتوى الألوان والارتفاع والظل التخطيط والمحاذاة النصوص والأنماط الشكل والقصّ والتراكب على النظام أمثلة عملية…
ما هي StatefulWidget؟ كيف تتم الوراثة (التكوين البنيوي) أنت تبني فصلين مرتبطين ببعض: الخلاصة البنيوية:MyWidget extends StatefulWidget + class _MyWidgetState extends State<MyWidget>،والربط بينهما يحصل عبر الـ جنيرك وcreateState(). دورة الحياة (متى أكتب إيه؟) داخل كلاس الـ State: في وضع التطوير…
ما هي Stack؟ ودجت Stack تسمح لك بوضع عناصر فوق بعضها (طبقات). تُستخدم في الحالات التي تحتاج فيها تراكبًا: شارة (Badge) فوق صورة، نص فوق بانر، زر يطفو بأسفل الشاشة… إلخ. كيف يحدِّد Stack حجمه؟ أهم الخصائص التموضع (Positioning) لاستخدام…