التصنيف Flutter

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)…

SnackBar

ما هو SnackBar؟ SnackBar هو ويدجت من مكتبة Material في Flutter لعرض رسالة خفيفة مؤقتة في أسفل الشاشة، غالبًا مع زر إجراء اختياري (مثلاً “Undo”). الهدف: إعلام المستخدم بسرعة دون إيقاف تفاعله مع التطبيق. Flutter API Docs+1 كيف أُظهر SnackBar…

showBottomSheet

📌 ما هو showBottomSheet؟ ✨ الفرق بين showBottomSheet و showModalBottomSheet الخاصية showBottomSheet showModalBottomSheet النوع Persistent (يبقى مفتوح حتى تغلقه) Modal (يُغلق عند الضغط خارج أو السحب) الإغلاق لازم تغلقه يدويًا (بـ Navigator.pop أو controller) يُغلق تلقائي عند التفاعل الاستخدام عند…