التصنيف Flutter

🔥 كيف تبني Project Structure فعلي (Folders) أو 🔥 نطبق مثال كامل (Login + API) خطوة خطوة اختر 👇 🔥 كيف تبني Project Structure فعلي (Folders) lib/ features/ core/ data/ presentation/ قم بتحديد البنية المتقدمة من البداية لي لاعرف كيف…

🔵 أولاً: ما هو BLoC؟ BLoC pattern BLoC = Business Logic Component هو أسلوب لإدارة الحالة يفصل بين: 🧠 الفكرة الأساسية التطبيق يعمل مثل “نظام رسائل”: 🔄 مخطط تدفق BLoC 👆 User Action ↓📩 Event ↓🧠 BLoC (Processing) ↓📊 State…

🔹 ما هي State Management في Flutter؟ ببساطة:هي الطريقة التي تدير بها البيانات (الحالة) داخل التطبيق وكيف تتغير وتنعكس على الواجهة (UI). في Flutter، كل شيء عبارة عن Widgets، وهذه الـ Widgets تعتمد على State (الحالة).لما تتغير الحالة → الواجهة…

نمشي كذا: 1️⃣ شكل البيانات (افتراض بسيط يشبه اللي عندك) 🔹 ملف التصنيفات: categories_data.dart 🔹 ملف المنتجات: products_data.dart 🔹 موديل المنتج: productModel.dart (المهم هنا حقل التصنيف) 2️⃣ من كارد التصنيف → الانتقال لصفحة التصنيف مع تمرير الاسم افترض عندك صفحة…

خلّينا نعملها كـ ⭐⭐⭐⭐⭐ تقدر تغيّرها بالضغط، وبنفس الوقت تقدر لاحقًا تربطها بقاعدة بيانات. 1️⃣ منطق التقييم (ببساطة) 2️⃣ إضافة متغيّر للتقييم في صفحة التفاصيل داخل _ProductDetailsPageState: 3️⃣ ودجت لعرض النجوم والتفاعل معها أضِف هذه الدالة داخل نفس الكلاس: هذا…

1️⃣ أولًا: تأكد أن الـ Product فيه سعر في الـ ProductModel (مثال): وفي ملف الـ data: 2️⃣ في صفحة التفاصيل: استخدم السعر * الكمية داخل State: 3️⃣ عرض السعر + السعر الإجمالي في الواجهة مثال: تحت الكمية مباشرة نعرض السعر…

صفحة (Screen) للتصنيف تُعرض فيها فقط المنتجات اللي تنتمي لهذا التصنيف. رح نمشي بهالخطوات: 1️⃣ تعديل الـ ProductModel وإضافة التصنيف خلينا نفترض عندك Product شبيه بهذا (عدّل حسب موديلك): بإمكانك تخليها String بسيطة أو لاحقًا تحوّلها لـ enum، بس كبداية…

فكرة المقاسات (S – M – L – XL …) هي نفس فكرة الألوان تماماً،لكن بدل ما نعرض مربعات ألوان، نعرض أزرار أو مربعات نصية فيها المقاس. المبدأ نفسه: وسأشرح لك كيف تطبّقها خطوة خطوة 👇 ✅ 1) تعديل الـ…

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

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