أنماط البناء في Flutter : الفرق بين Debug وProfile وRelease
هل لاحظت يومًا أن تطبيقك يعمل بسلاسة بعد النشر، لكنه أبطأ أثناء التطوير؟السبب ببساطة هو أنماط البناء في Flutter . Flutter يعمل ضمن أنماط بناء (Build Modes) مختلفة، كل منها…
هندسة تطبيقات Flutter: مفاهيم معمارية أساسية في Flutter .
كيف تبني تطبيقاً منظمًا وقابلاً للتوسع. عندما تتعمق في تطوير تطبيقات Flutter، ستجد أن المسألة لا تتعلق فقط بكتابة الكود وتشغيل الواجهة، بل بكيفية تصميم بنية التطبيق بحيث تبقى مرنة،…
الفصل التاسع – القسم الثاني: Hero Animations في Flutter: دليل شامل لإنشاء انتقالات سلسة بين الشاشات
في عالم تطوير التطبيقات الجوالة، أصبحت الرسوم المتحركة عنصرًا أساسيًا لتحسين تجربة المستخدم وجعل التطبيق أكثر جاذبية. مع إطار عمل Flutter، تبرز ميزة Hero Animations كأداة قوية لإنشاء انتقالات سلسة…
الفصل التاسع – القسم الأول : الرسوم المتحركة في إطار عمل Flutter: دليل شامل للمطورين
في عصر التطبيقات الجوالة والويب الحديثة، أصبحت الرسوم المتحركة عنصرًا أساسيًا لتعزيز تجربة المستخدم وجعل التطبيقات أكثر جاذبية وحيوية. مع إطار عمل Flutter من Google، يمكنك إنشاء رسوم متحركة سلسة…
الفصل الخامس – القسم الرابع: مكونات العرض (Display Components)
لماذا هذا القسم مهم؟ بعد ما تعلمنا الأزرار و إدخال البيانات، يجي الدور على المكونات اللي تعرض للمستخدم المعلومات والرسائل بشكل منظم وجذاب.هنا نستخدم عناصر Display Components اللي يقدمها Material…
الفصل الخامس – القسم الثالث: إدخال البيانات والنماذج (Input & Forms)
لماذا هذا القسم مهم؟ أي تطبيق تفاعلي تقريبًا يحتاج استقبال بيانات من المستخدم: تسجيل الدخول، كتابة تعليق، اختيار إعداد…هنا يجي دور Widgets الإدخال (Input Widgets) اللي يوفرها Flutter عبر Material…
الفصل الخامس – القسم الثاني: الأزرار (Buttons)
لماذا الأزرار مهمة؟ الأزرار هي وسيلة المستخدم للتفاعل مع التطبيق: تسجيل الدخول، مشاركة المحتوى، الانتقال إلى صفحة أخرى… إلخ.جوجل في Material Design وضعت قواعد دقيقة للأزرار علشان تكون: الأنواع الأساسية…
الفصل الخامس – القسم الأول: هيكل التطبيق والتنقل
مصدر الصورة 1. Scaffold لو قلنا إن التطبيق عبارة عن بيت، فالـ Scaffold هو الأساس اللي بيتبني فوقه كل حاجة.هو Widget رئيسي يوفر لك: النتيجة: شاشة كاملة جاهزة، فيها عنوان،…
الفصل الخامس: أنظمة التصميم (Design Systems) و Material Component Widgets
ما معنى “نظام تصميم”؟ تخيل معايا إنك تبني مدينة جديدة. عندك شوارع، بيوت، إشارات مرور، حدائق…لو كل مهندس يشتغل بطريقة عشوائية، هتكون النتيجة مدينة فوضوية، شكلها غير متناسق وصعب العيش…
ما هي Material 3؟
تخيل أنك مطوّر تطبيقات عندك صندوق أدوات قديم (Material 2) مليان عناصر جاهزة: أزرار، مربعات إدخال، قوائم… إلخ. هذا الصندوق ممتاز، لكنه صار تقليدي بعض الشيء، شكله موحّد وما في…