admin

admin

useState

ما هي useState؟ هي Hook من رياكت تسمح لك بإضافة حالة (state) داخل المكوّنات الدالّية (Function Components).ترجّع مصفوفتين: التوقيع (Signature) القواعد الذهبية (Rules) 1) عدّاد بسيط (Basic Counter) الكود الشرح 2) حالة بدائية (Boolean Toggle) الكود الشرح 3) حالة كائن…

JSX (JavaScript XML)

🔹 التعريف:JSX هي صيغة (Syntax) خاصّة تُستخدم في React.js لكتابة واجهات المستخدم بطريقة تشبه HTML داخل كود JavaScript.بكلمات بسيطة: JSX يسمح لك بكتابة كود يشبه HTML داخل JavaScript — لكن في الحقيقة هو تحويل إلى دوال JavaScript عند التنفيذ. 🧠…

مقدمة في رياكت React Js

React.js هي مكتبة جافاسكربت مفتوحة المصدر تُستخدم لبناء واجهات المستخدم التفاعلية، طوّرتها شركة فيسبوك، وتعتمد على مبدأ المكوّنات (Components) لتسهيل إنشاء واجهات قابلة لإعادة الاستخدام وسريعة الأداء. ميزات React.js ولماذا نتعلمها: 🧠 لماذا نتعلمها؟لأنها واحدة من أكثر التقنيات طلبًا في…

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 وتُعاد هذه القيمة عند اختيار المستخدم. – – مناسب لعرض خيارات سريعة مثل “مشاركة…