ListTile
سطر قائمة جاهز ListTile
ListTile تصميم سطر جاهز بأيقونة بادئة (leading) وعنوان وعنوان فرعي وأيقونة لاحقة (trailing) — النمط القياسي لعناصر القوائم.
يوفّر تخطيطًا متّسقًا يطابق تصميم Material بلا حاجة لبناء Row مخصّص يدويًا في كل مرة. onTap يجعله قابلًا للضغط مباشرة.
الصياغة
ListTile(
leading: Widget,
title: Text,
subtitle: Text,
trailing: Widget,
onTap: () { },
)📄 مثال
ListTile(
leading: CircleAvatar(child: Text('س')),
title: Text('سارة أحمد'),
subtitle: Text('مطوّرة Flutter'),
trailing: Icon(Icons.arrow_forward_ios),
onTap: () => print('ضُغط على سارة'),
)أهم المعاملات
| المعامل | الوظيفة |
|---|---|
| leading | ويدجت بادئ (أيقونة أو صورة)، بجهة يمين الشاشة بواجهة RTL |
| title / subtitle | النص الرئيسي والثانوي |
| trailing | ويدجت بنهاية السطر (أيقونة سهم غالبًا) |
| onTap | دالة تُنفَّذ عند الضغط على السطر كاملًا |
💡 نصائح عملية
- استخدمه دائمًا داخل ListView.builder بدل بناء Row مخصّص لنفس النمط الشائع
خصائص ذات صلة
🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار FLUTTER الكامل بالعربي.