IconButton

زر أيقونة IconButton

IconButton زر دائري يعرض أيقونة فقط بلا نص — شائع بأشرطة الأدوات (AppBar) وقوائم العناصر.

يوفّر منطقة لمس مناسبة تلقائيًا (48×48 نقطة على الأقل) رغم أن الأيقونة نفسها أصغر — مهم لسهولة الاستخدام على الجوال.

الصياغة

IconButton(
  icon: Icon(Icons.favorite),
  onPressed: () { /* فعل */ },
)

IconButton(
  icon: Icon(Icons.delete, color: Colors.red),
  tooltip: 'حذف',
  onPressed: () => print('حُذف'),
)

المعامل	الوظيفة
icon	الأيقونة المعروضة، غالبًا Icon(Icons.xxx)
tooltip	نص يظهر عند التمرير/الضغط المطوّل — مهم لإمكانية الوصول

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار FLUTTER الكامل بالعربي.