التطبيق الأول

لقد كتبتَ الأمر flutter create في نهاية الدرس السابق، وبدأ تشغيل تطبيق تجريبي: عدّاد وزرّ وشريط أزرق. ردّ الفعل المعتاد هو حذف كل هذا الكود وكتابة كود خاص بك. وهذا خطأ في المشروع الأول، لأن هذه الأسطر المئة المولَّدة تحتوي على جميع المفاهيم تقريبًا التي ستستخدمها خلال الأشهر الستة القادمة.

المشكلة التي يعالجها هذا الدرس ليست «كيف نعرض نصًا» — فهذا يتطلب ثلاثة أسطر فقط. إنها مشكلة أكثر خفاءً: فهم متى يُنفَّذ كودك. في Flutter، لا تكتب سلسلة من التعليمات التي ترسم واجهة. بل تكتب دالة سيستدعيها الإطار، أحيانًا ستين مرة في الثانية وأحيانًا لا يستدعيها أبدًا، وسيتخلص من نتيجتها دون سابق إنذار. وما لم يُستوعَب هذا الانقلاب في التفكير، سيبقى الكود الذي تكتبه يعمل بالمصادفة: متغيّر يتغيّر ولا يظهر على الشاشة، أو Timer يواصل العمل بعد إغلاق الشاشة، أو استثناء أحمر يظهر بعد ثلاث شاشات.

لذلك سنقرأ المشروع المولَّد سطرًا سطرًا، ونكتب ودجتنا الخاصة، والأهم أننا سنتسبب عمدًا في أكثر عطلين شيوعًا لدى المبتدئ: واجهة لا تتحدّث، واستدعاء setState على ودجت دُمِّرت بالفعل. إن فهم سبب حدوثهما أفضل من حفظ الصيغة التي تتجنبهما.

ما الذي أنتجه flutter create فعليًا

flutter create ma_premiere_app
cd ma_premiere_app