ElevatedButton

زر بارز ElevatedButton

ElevatedButton زر بخلفية معبّأة وظل بسيط — الخيار القياسي للأفعال الرئيسية بالشاشة.

onPressed يستقبل دالة تُنفَّذ عند الضغط؛ تمرير null يعطّل الزر تلقائيًا (يظهر باهتًا ولا يستجيب).

الصياغة

ElevatedButton(
  onPressed: () { /* فعل */ },
  child: Text('نص الزر'),
)

ElevatedButton(
  onPressed: () => print('تم الضغط'),
  style: ElevatedButton.styleFrom(backgroundColor: Colors.purple),
  child: Text('احفظ'),
)

المعامل	الوظيفة
onPressed	الدالة المُنفَّذة عند الضغط — null يعطّل الزر
style	تخصيص اللون والشكل عبر ElevatedButton.styleFrom
child	محتوى الزر، غالبًا Text أو Row فيها أيقونة ونص

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