الفصل 55 — بطاقة الملف الشخصي

المستوى: متوسط المدة المقدّرة: 8 ساعات المتطلبات المسبقة: الجزء 1A (الفصول من 01 إلى 18) والجزء 1B (الفصول من 43 إلى 54) ما ستتمكن من فعله في النهاية: بناء مكوّن واجهة أنيق وقابل للضبط وإعادة الاستخدام من الصفر، وعرضه في قائمة، وتكييفه مع الوضع الداكن والجهاز اللوحي، وفتح شاشة تفاصيل عند النقر.

55.0 — أهداف الفصل

في نهاية هذا الفصل ستكون قادرًا على:

• قراءة دفتر الشروط وترجمته إلى قائمة من الخطوات التقنية؛
• إنشاء مشروع Flutter نظيف وتنظيم ملفاتك فيه بحسب الدور؛
• تعريف سمة فاتحة وسمة داكنة متناسقتين باستخدام ColorScheme.fromSeed()؛
• كتابة فئة نموذج Dart خالصة، لا تعتمد على Flutter؛
• عرض صورة رمزية دون أي ملف صورة، انطلاقًا من الأحرف الأولى للاسم؛
• رسم لافتة بتدرّج لوني خطي؛
• وضع صورة رمزية فوق لافتة باستخدام Stack وPositioned؛
• محاذاة ثلاث إحصائيات مع فواصل عمودية بالارتفاع الصحيح؛
• عرض قائمة شارات تنتقل تلقائيًا إلى السطر التالي باستخدام Wrap؛
• عرض شريط تقدّم للمستوى باستخدام LinearProgressIndicator؛
• وضع صف من أزرار الإجراءات لا يفيض أبدًا؛
• تقسيم دالة build() الضخمة إلى ودجات صغيرة مسمّاة وقابلة لإعادة الاستخدام؛
• جعل الودجة قابلة للضبط بحقول final ودوال استدعاء (VoidCallback)؛
• عرض قائمة من الملفات الشخصية باستخدام ListView.builder؛
• تبديل التطبيق بالكامل إلى الوضع الداكن من AppBar؛
• تغيير التخطيط عند تجاوز عرض معيّن باستخدام LayoutBuilder؛
• فتح شاشة تفاصيل عند النقر باستخدام Navigator.push وتحريك الانتقال باستخدام Hero؛
• التعرّف على أكثر أخطاء التخطيط شيوعًا في هذا النوع من الشاشات وتصحيحها.