ما هي Stack؟ ودجت Stack تسمح لك بوضع عناصر فوق بعضها (طبقات). تُستخدم في الحالات التي تحتاج فيها تراكبًا: شارة (Badge) فوق صورة، نص فوق بانر، زر يطفو بأسفل الشاشة… إلخ. كيف يحدِّد Stack حجمه؟ أهم الخصائص التموضع (Positioning) لاستخدام…

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

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

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

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

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

📌 ما هو 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…