AppBar

الشريط العلوي AppBar

AppBar الشريط العلوي القياسي — يحتوي عنوان الشاشة، زر رجوع تلقائي، وأيقونات إجراءات (actions).

يُمرَّر عادة كمعامل appBar داخل Scaffold. زر الرجوع (back) يظهر تلقائيًا إذا كانت الشاشة الحالية ليست الجذر بمكدّس التنقّل.

الصياغة

AppBar(
  title: Text('العنوان'),
  actions: [Widget, ...],
)

📄 مثال

AppBar(
  title: Text('الملف الشخصي'),
  backgroundColor: Colors.purple,
  actions: [
    IconButton(icon: Icon(Icons.settings), onPressed: () {}),
  ],
)

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

المعامل	الوظيفة
title	عنوان الشاشة المعروض بالشريط
actions	قائمة أيقونات بنهاية الشريط (إعدادات، بحث، الخ)
leading	ويدجت مخصّص ببداية الشريط بدل زر الرجوع الافتراضي

خصائص ذات صلة

Scaffold هيكل الشاشة الأساسي

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