ما هو 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…
ما هي ListTile؟ ListTile هي ودجت جاهزة من Flutter تُستخدم لإنشاء صف واحد (Row) من العناصر، غالبًا داخل ListView أو Drawer أو Card.تُستخدم كثيرًا لعرض قائمة عناصر (مثل الإعدادات، الرسائل، القوائم الجانبية) مع: البنية العامة الخصائص الرئيسية في ListTile الخاصية…
ما هي Card؟ Card عنصر Material بزاويا مستديرة وظل (elevation) لعرض محتوى مترابط داخل بطاقة جميلة: عنوان، وصف، صورة، أزرار… إلخ. تُستخدم بكثرة في صفحات التفاصيل، القوائم، الشبكات (Grid)، واللوحات المعلوماتية. أهم الاستخدامات البنية الأساسية مثال شائع باستخدام ListTile +…
ما هي ويدجت Icon؟ ويدجت Icon تُستخدم لعرض أيقونات (Icons) من مكتبة Flutter المدمجة أو من مكتبات خارجية (مثل Font Awesome).هي عنصر رسومي فقط (لا تتفاعل لوحدها) لكن يمكن دمجها مع ويدجت أخرى مثل IconButton لجعلها قابلة للنقر. الصيغة الأساسية…
✅ التعريف: ListView.separated تشبه builder ولكنها تسمح بإضافة فاصل (separator) بين كل عنصرين. ✅ الصيغة العامة: ✅ أهم الخصائص: الخاصية النوع الشرح itemCount int عدد العناصر itemBuilder Function دالة بناء العنصر separatorBuilder Function دالة بناء الفاصل بين العناصر باقي الخصائص…
🔹 أولًا: ListView.builder ✅ التعريف: ListView.builder تستخدم لبناء قائمة ديناميكية يتم إنشاؤها عند الحاجة (on demand). وهي مناسبة للقوائم الطويلة جدًا أو التي تأتي من API أو قاعدة بيانات. ✅ الصيغة العامة: ✅ أهم الخصائص: الخاصية النوع الشرح itemCount int…