📌 ما هو MaterialButton؟ MaterialButton هو زر أساسي (Base Class) في Flutter يعتمد على تصميم Material Design.كل الأزرار الأخرى مثل: مبنية عليه أو تستخدم نفس مبدأه، لكن MaterialButton نفسه يعطيك مرونة أكبر لأنه شبه خام (Raw) وتتحكم في شكله وسلوكه…
ما هي IconButton؟ هي ويدجت تعرض أيقونة (من نوع Icon) لكنها قابلة للنقر (Clickable)، وتنفذ أكشن عند الضغط عليها. الصيغة الأساسية أهم الخصائص في IconButton الخاصية النوع الوصف icon Widget الأيقونة التي ستُعرض (عادةً Icon). onPressed VoidCallback? الدالة التي تُنفذ…
أولاً: Flexible ما هو؟ Flexible ويدجت تُستخدم داخل Row/Column/Flex لتوزيع المساحة المتبقية بمرونة.على عكس Expanded (الذي يُجبر الطفل على ملء حصته بالكامل)، فإن Flexible يمكن أن: باختصار:Expanded = Flexible(fit: FlexFit.tight)بينما Flexible (بدون fit) = مرن ومُتساهل (loose). الصيغة كيف يوزّع…
ما هو Expanded؟ Expanded هو ويدجت يُستخدم داخل عناصر مرنة (Flex) مثل Row وColumn وFlex ليجعل العنصر الابن يتمدّد ويأخذ المساحة المتبقية على محور الترتيب (المحور الرئيسي: أفقي في Row، عمودي في Column).فعليًا، Expanded هو اختصار لـ: أي أن fit…
ما هي ListTile؟ ListTile هي ودجت جاهزة من Flutter تُستخدم لإنشاء صف واحد (Row) من العناصر، غالبًا داخل ListView أو Drawer أو Card.تُستخدم كثيرًا لعرض قائمة عناصر (مثل الإعدادات، الرسائل، القوائم الجانبية) مع: البنية العامة الخصائص الرئيسية في ListTile الخاصية…
ما هي Card؟ Card عنصر Material بزاويا مستديرة وظل (elevation) لعرض محتوى مترابط داخل بطاقة جميلة: عنوان، وصف، صورة، أزرار… إلخ. تُستخدم بكثرة في صفحات التفاصيل، القوائم، الشبكات (Grid)، واللوحات المعلوماتية. أهم الاستخدامات البنية الأساسية مثال شائع باستخدام ListTile +…
ما هي ويدجت Icon؟ ويدجت Icon تُستخدم لعرض أيقونات (Icons) من مكتبة Flutter المدمجة أو من مكتبات خارجية (مثل Font Awesome).هي عنصر رسومي فقط (لا تتفاعل لوحدها) لكن يمكن دمجها مع ويدجت أخرى مثل IconButton لجعلها قابلة للنقر. الصيغة الأساسية…
مقدمة حول القوائم في HTML القوائم هي من أهم العناصر في HTML لتنظيم المحتوى بشكل هيكلي ومنطقي. تستخدم لعرض مجموعات من العناصر ذات الصلة، وتحسن من تجربة المستخدم وإمكانية الوصول بشكل كبير. أنواع القوائم الأساسية: تاغ <ul> – القائمة غير…
مقدمة حول تاغ <img> تاغ <img> هو عنصر HTML يستخدم لعرض الصور في صفحات الويب. وهو عنصر فارغ (void element) أي لا يحتاج إلى إغلاق، ويعتبر من أهم العناصر في تطوير الويب الحديث. الصيغة الأساسية: خصائص (Attributes) تاغ <img> الخصائص…
مقدمة عن تاغ الرابط تاغ <a> (Anchor) هو العنصر الأساسي لإنشاء الروابط في HTML. يُستخدم للربط بين الصفحات، الأقسام، الملفات، عناوين البريد الإلكتروني، وأرقام الهواتف. هو حجر الأساس للتنقل في الويب. البنية الأساسية جميع خصائص تاغ A مع الشرح المفصل…