Scaffold
هيكل الشاشة الأساسي Scaffold
Scaffold يوفّر هيكل صفحة Material قياسي جاهز: شريط علوي، جسم، شريط سفلي، وزر عائم — كل شاشة تقريبًا تبدأ بـ Scaffold.
يجمع كل عناصر الشاشة الشائعة بمكان واحد منظّم بدل بنائها يدويًا بكل مرة، ويتعامل تلقائيًا مع أشياء مثل مساحة SafeArea وتموضع الزر العائم.
الصياغة
Scaffold( appBar: AppBar(...), body: Widget, floatingActionButton: Widget, bottomNavigationBar: Widget, )
📄 مثال
Scaffold(
appBar: AppBar(title: Text('الرئيسية')),
body: Center(child: Text('محتوى الشاشة')),
floatingActionButton: FloatingActionButton(
onPressed: () {},
child: Icon(Icons.add),
),
)أهم المعاملات
| المعامل | الوظيفة |
|---|---|
| appBar | الشريط العلوي — غالبًا AppBar |
| body | المحتوى الرئيسي للشاشة |
| floatingActionButton | زر عائم غالبًا بأسفل يمين الشاشة |
| drawer | قائمة جانبية تنزلق من الحافة |
💡 نصائح عملية
- كل شاشة (route) بتطبيقك تقريبًا يجب أن تبدأ بـ Scaffold لضمان تجربة Material متّسقة
خصائص ذات صلة
🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار FLUTTER الكامل بالعربي.