stack 

Stack تُستخدم لوضع ويدجتات فوق بعضها (overlap). مناسبة للبطاقات بصور مع نص فوقها، بادجات (badges)، أزرار عائمة فوق محتوى، وغيرها من التصاميم الطبقية. الفكرة الأساسية كيف تعمل الخصائص الأساسية (مهمّة) كيف تضع عناصر (Positioning) أمثلة (قابلة للنسخ) 1) Stack بسيط:…

Checkbox 

📌 ما هو الـ Checkbox؟ هو ويدجت (Widget) في Flutter يمثل مربع اختيار يمكن أن يكون: يُستخدم لتفعيل أو إلغاء تفعيل خيار معيّن، أو تحديد عناصر متعددة. 🔹 البنية الأساسية ⚙️ أهم الخصائص الخاصية النوع الوصف value bool? الحالة الحالية…

Radio 

ما هو Radio؟ Radio هو ويدجت لزر اختيار دائري يُستخدم لاختيار قيمة واحدة من مجموعة قيم متنافسة (mutually exclusive). كل مجموعة راديو تملك groupValue مشترك و كل زر له value خاص؛ الذي يساوي groupValue يظهر كـ «محدد». الفكرة الأساسية (قاعدة…

SwitchListTile

ما هو SwitchListTile؟ SwitchListTile هو نسخة مريحة من ListTile تحتوي على مفتاح تبديل (Switch) مدمج. تُستخدم عادة لعرض خيار قابل للتشغيل/الإيقاف داخل قائمة (مثل صفحة الإعدادات). يسمح لك بعرض title, subtitle, وsecondary جنبًا إلى جنب مع الـ Switch، والصف كله…

switch 

📌 ما هو الـ Switch؟ هو ويدجت (Widget) في Flutter تمثل زر تبديل (On / Off)، يُستخدم لتغيير حالة منطقية (true أو false).تراه عادةً في الإعدادات لتفعيل أو تعطيل خيار. 🔹 البنية الأساسية (Constructor) ⚙️ أهم الخصائص الخاصية النوع الوصف…

ElevatedButton

ما هو ElevatedButton؟ زر Material “مرفوع” بظل خفيف، مناسب للأفعال الأساسية (Primary Action). هو البديل الحديث لـ RaisedButton (الموقوف). سلوكه يتغيّر حسب الحالة (عادي، Hover، Focus، Pressed، Disabled). البُنى (Constructors) ElevatedButton.icon (مع أيقونة ونص): تعطيل الزر: اجعل onPressed: null أهم…

MaterialButton

📌 ما هو MaterialButton؟ MaterialButton هو زر أساسي (Base Class) في Flutter يعتمد على تصميم Material Design.كل الأزرار الأخرى مثل: مبنية عليه أو تستخدم نفس مبدأه، لكن MaterialButton نفسه يعطيك مرونة أكبر لأنه شبه خام (Raw) وتتحكم في شكله وسلوكه…

Flexible

أولاً: Flexible ما هو؟ Flexible ويدجت تُستخدم داخل Row/Column/Flex لتوزيع المساحة المتبقية بمرونة.على عكس Expanded (الذي يُجبر الطفل على ملء حصته بالكامل)، فإن Flexible يمكن أن: باختصار:Expanded = Flexible(fit: FlexFit.tight)بينما Flexible (بدون fit) = مرن ومُتساهل (loose). الصيغة كيف يوزّع…

Expanded

ما هو Expanded؟ Expanded هو ويدجت يُستخدم داخل عناصر مرنة (Flex) مثل Row وColumn وFlex ليجعل العنصر الابن يتمدّد ويأخذ المساحة المتبقية على محور الترتيب (المحور الرئيسي: أفقي في Row، عمودي في Column).فعليًا، Expanded هو اختصار لـ: أي أن fit…

ListTile

ما هي ListTile؟ ListTile هي ودجت جاهزة من Flutter تُستخدم لإنشاء صف واحد (Row) من العناصر، غالبًا داخل ListView أو Drawer أو Card.تُستخدم كثيرًا لعرض قائمة عناصر (مثل الإعدادات، الرسائل، القوائم الجانبية) مع: البنية العامة الخصائص الرئيسية في ListTile الخاصية…