تخطَّ إلى المحتوى

SnackBar

رسالة سريعة أسفل الشاشة SnackBar

SnackBar رسالة قصيرة تظهر أسفل الشاشة وتختفي تلقائيًا — لتأكيد فعل (تم الحفظ، تم الحذف) بلا مقاطعة المستخدم.

تُعرَض عبر ScaffoldMessenger (وليس Scaffold مباشرة بكود Flutter الحديث) — يحتاج context له Scaffold أب بشجرة الويدجتس.

الصياغة

ScaffoldMessenger.of(context).showSnackBar(
  SnackBar(content: Text('الرسالة')),
);

📄 مثال

ElevatedButton(
  onPressed: () {
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text('تم الحفظ بنجاح ✓'), duration: Duration(seconds: 2)),
    );
  },
  child: Text('حفظ'),
)

أهم المعاملات

المعاملالوظيفة
contentمحتوى الرسالة، غالبًا Text
durationمدة ظهورها قبل الاختفاء التلقائي
actionزر فعل اختياري داخل الرسالة (مثل "تراجع")

💡 نصائح عملية

  • استخدم ScaffoldMessenger.of(context) لا Scaffold.of(context) — الأسلوب الحديث الموصى به

⚠️ أخطاء شائعة

  • استدعاؤها من context لا يوجد Scaffold أب له بشجرة الويدجتس — يرمي خطأ وقت التشغيل

خصائص ذات صلة

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