التصنيف Flutter

إضافة الالوان للمنتج

1️⃣ تعديل الـ Model (لو لسه ما فيه ألوان) لنفرض إن عندك Product بهذا الشكل (مثال): نضيف له حقل خاص بالألوان، وليكن قائمة أرقام int تمثل ألوان ARGB: استخدمنا List<int> بدل List<Color> لأن أسهل شيء تخزن الألوان كقيمة رقمية مثل…

إضافة أزرار الزيادة والنقصان للكمية

1️⃣ إضافة متغيّر الكمية في الـ State داخل _ProductDetailsPageState: 2️⃣ ويدجت لبناء زر + رقم + زر – أضِف هذه الدالة داخل نفس الكلاس: تقدر تستبدل GestureDetector + Container بـ IconButton لو تحب شكل أبسط. 3️⃣ استدعاء الودجت داخل الـ…

FutureBuilder

ما الذي يفعله الكود؟ يُفضّل إضافة التحقق من statusCode والتعامل مع الأخطاء، وكتابة النوع بشكل أدق:Future<List<Map<String, dynamic>>>. 3) الواجهة العامة شرح FutureBuilder بالكامل (النجمة هنا ⭐) FutureBuilder<T> هو ودجت يبني نفسه بناءً على حالة Future (طلب غير متزامن) ويعطيك AsyncSnapshot<T>…

Http

شرح الدالة getData() دورة حياة الـ Widget — initState 👇 التوضيح بالتفصيل: 🔹 الكلاس Uri 🔹 الدالة Uri.parse(String url) 🔹 مكتبة http 📘 خلاصة: الكود ينتمي إلى وظيفته Uri.parse(…) مكتبة Dart الأساسية (dart:core) تحويل النص إلى كائن URI get() مكتبة…

Costom Colors

🧩 الخطوة 1: داخل MaterialApp في ملف main.dart مثال بسيط جدًا 👇 📘 النتيجة: ✨ ملاحظات سريعة: 🧩 أولاً: ما هو ThemeData و ColorScheme؟ في Flutter، ThemeData هو الكائن الذي يحمل كل إعدادات المظهر (ألوان، خطوط، أيقونات…).أما ColorScheme فهو جزء…

Custom Fonts

1) ما هي الخطوط المخصصة ولماذا نستخدمها؟ الخطوط المخصصة هي ملفات خط (مثل .ttf, .otf) تدرجها داخل تطبيقك بدل الخط الافتراضي. نستخدمها للعلامة التجارية (branding)، تحسين القراءة، دعم لغات مخصصة أو استخدام خط محدد مطلوب للتصميم. 2) هيكل المجلد الموصى…

TextFormField

ما هو TextFormField؟ TextFormField هو ويدجت (Widget) لكتابة النصوص مبني فوق TextField، لكنه يضيف ميزة قوية جدًا:✅ التكامل مع Form وFormState — يعني تقدر تتحقق (validate) من القيم، تحفظها (save)، وتتحكم فيها بسهولة. باختصار:TextField = إدخال نص بسيطTextFormField = إدخال…

TextField

ما هو TextField؟ TextField هو الويدجت الأساسي في Flutter لالتقاط النص من المستخدم. يعتمد داخليًا على EditableText. مناسب لحالات الإدخال البسيطة أو عندما لا تحتاج تحقق/فالديشن (validation) متقدم داخل Form.إذا كنت تريد تحقق (validator) أو استخدامه داخل Form مع FormState…

PopupMenuButton

PopupMenuButton<T> هو ويدجت جاهز في Flutter يعرض قائمة منبثقة (popup menu) عندما يضغط المستخدم على الزر كل بند (PopupMenuItem) يمكن أن يحمل قيمة من النوع T وتُعاد هذه القيمة عند اختيار المستخدم. – – مناسب لعرض خيارات سريعة مثل “مشاركة…

List.generate

ما هي List.generate؟ List.generate هي دالة منشئ (constructor) في Dart تُنشئ List بعنصر محدد العدد، كل عنصر ينتجه دالة مُولِّدة (generator) تعتمد على الفهرس (index).باختصار: تُستخدم بسرعة لصنع قائمة من عناصر مُهيَّأة بحسب رقمها بدلاً من كتابتها يدوياً. الصيغة (syntax)…