ListTile
- Flutter kursu
- Başlangıç
- Ders 48/99
- 4 dk
ListTile ile başlık + alt başlık satırı yapmayı öğrenirsin.
ListTile
ListTile, liste satırı için yaygın bir kalıptır. title ana metni, subtitle alt metni, leading sol baştaki simge/avatar'ı, trailing sağ sonundaki widget'ı belirler. ListTile, Material Design kurallarına uygun bir satır yüksekliği ve boşluk düzeni sunar.
ListTile(
leading: Icon(Icons.person),
title: Text('Ada Yılmaz'),
subtitle: Text('Flutter geliştirici'),
trailing: Icon(Icons.arrow_forward),
)leading ve trailing
leading, ListTile'in sol başına simge veya avatar koymak için kullanılır; genelde Icon veya CircleAvatar verilir. trailing, sağ sona widget koyar; genelde ok simgesi, açma-kapama düğmesi veya menü ikonu olur. title ve subtitle Metin widget'ı alırken, leading ve trailing herhangi bir widget alabilir.
ListTile(
leading: CircleAvatar(child: Text('A')),
title: Text('Ada Yılmaz'),
subtitle: Text('Son görülme: 2 dk önce'),
trailing: Icon(Icons.more_vert),
)Uygulama ListTile bilgisini yazdır
main içinde iki satırı print ile yazdır: listtile satir ve title ana metin.
Başlangıç kodu
void main() {
// iki satır yazdır:
// listtile satir
// title ana metin
}Örnek çözüm
void main() {
print('listtile satir');
print('title ana metin');
}Beklenen çıktı
listtile satir title ana metin
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 ListTile'da title parametresi neyi belirler?
- Sol baştaki simgeyi
- Alt metni
- Sağ sondaki widget'ı
- Ana metni Doğru cevap
Açıklama: ListTile'ın title parametresi satırın ana metnini belirler; subtitle alt metni verir.
2 Alt metni ayarla
ListTile(
title: Text('Başlık'),
____: Text('Alt metin'),
)ListTile(
title: Text('Başlık'),
subtitle: Text('Alt metin'),
)Açıklama: subtitle parametresi ListTile'da alt metni belirler.
3 ListTile kavramları
| Kavram | Anlamı |
|---|---|
ListTile |
Liste satırı kalıbı |
title |
Ana metin |
subtitle |
Alt metin |
leading |
Sol baştaki widget |