الفصل الخامس – القسم الثالث: إدخال البيانات والنماذج (Input & Forms)
لماذا هذا القسم مهم؟ أي تطبيق تفاعلي تقريبًا يحتاج استقبال بيانات من المستخدم: تسجيل الدخول، كتابة تعليق، اختيار إعداد…هنا يجي دور Widgets الإدخال (Input Widgets) اللي يوفرها Flutter عبر Material…
الفصل الخامس – القسم الثاني: الأزرار (Buttons)
لماذا الأزرار مهمة؟ الأزرار هي وسيلة المستخدم للتفاعل مع التطبيق: تسجيل الدخول، مشاركة المحتوى، الانتقال إلى صفحة أخرى… إلخ.جوجل في Material Design وضعت قواعد دقيقة للأزرار علشان تكون: الأنواع الأساسية…
الفصل الخامس – القسم الأول: هيكل التطبيق والتنقل
مصدر الصورة 1. Scaffold لو قلنا إن التطبيق عبارة عن بيت، فالـ Scaffold هو الأساس اللي بيتبني فوقه كل حاجة.هو Widget رئيسي يوفر لك: النتيجة: شاشة كاملة جاهزة، فيها عنوان،…
الفصل الخامس: أنظمة التصميم (Design Systems) و Material Component Widgets
ما معنى “نظام تصميم”؟ تخيل معايا إنك تبني مدينة جديدة. عندك شوارع، بيوت، إشارات مرور، حدائق…لو كل مهندس يشتغل بطريقة عشوائية، هتكون النتيجة مدينة فوضوية، شكلها غير متناسق وصعب العيش…
ما هي Material 3؟
تخيل أنك مطوّر تطبيقات عندك صندوق أدوات قديم (Material 2) مليان عناصر جاهزة: أزرار، مربعات إدخال، قوائم… إلخ. هذا الصندوق ممتاز، لكنه صار تقليدي بعض الشيء، شكله موحّد وما في…
الفصل الرابع: أنظمة التصميم في Flutter – مقدمة في Material Components
1. ما هو نظام التصميم (Design System)؟ نظام التصميم هو مجموعة من القواعد والمعايير التي تحدد كيف يجب أن تبدو الواجهة وكيف تتفاعل مع المستخدم. في Flutter، لدينا خياران أساسيان:…
الفصل الثالث: بناء أول Widget في Flutter
بعد أن استعرضنا هيكل مشروع Flutter، حان الوقت للدخول إلى قلبه: الـ Widgets.في Flutter، كل شيء تقريبًا هو Widget: النصوص، الأزرار، الصور، حتى التخطيط نفسه.تخيل أن تطبيقك عبارة عن لعبة…
الفصل الثاني : هيكل مشروع Flutter
بعد أن ثبّتنا Flutter وشغّلنا أول تطبيق بسيط، قد تساءلت:“ما معنى كل هذه الملفات والمجلدات التي أنشأها Flutter؟” في هذا الفصل سنفكك مشروع Flutter إلى مكوناته خطوة بخطوة، ونفهم وظيفة…
تحديث Flutter إلى آخر إصدار (Upgrade Flutter)
بعد أن ثبّتنا Flutter بنجاح وبدأنا أول مشروع، قد تتساءل:“ماذا لو صدر إصدار جديد من Flutter؟ كيف أحدثه دون أن أعيد التثبيت من الصفر؟”تحديث Flutter إلى آخر إصدار (Upgrade Flutter)…
الفصل الأول: تثبيت Flutter وإعداده على جهازك
الفصل الأول: تثبيت Flutter وإعداده قبل أن نبني أول تطبيق بـ Flutter، نجهّز بيئة العمل. اتبع الخطوات الواضحة أدناه (Windows / macOS / Linux). 1. تحميل Flutter SDK Flutter هو…