التصنيف Flutter

✅ BlocProvider✅ BlocBuilder خليني أشرحهم لك بعمق + منطق + كود + كيف يشتغلوا مع بعض 🧩 أولًا: BlocProvider 🎯 ما وظيفته؟ 👉 هو المسؤول عن: إنشاء الـ Cubit وتوفيره (Inject) لباقي التطبيق بمعنى: يخلي أي Widget داخل الشجرة يقدر…

أنت عندك ملفين أساسيين في BLoC (Cubit): 🔹 أولًا: ملف counter_state.dart class CounterState { final int counter; CounterState(this.counter);}class IncrementCounter extends CounterState { IncrementCounter(super.counter);}class DecrementCounter extends CounterState { DecrementCounter(super.counter);} ✅ وظيفة هذا الملف هذا الملف مسؤول عن تمثيل الحالة (State) للتطبيق.…

🔥 كيف تبني 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) تعديل الـ…