ListTile

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.

Örnek çözümü göster

void main() {
  print('listtile satir');
  print('title ana metin');
}

Kendini test et

ListTile'da title parametresi neyi belirler?
- Sol baştaki simgeyi
- Alt metni
- Sağ sondaki widget'ı
- Ana metni
Cevabı göster

Ana metni — ListTile'ın title parametresi satırın ana metnini belirler; subtitle alt metni verir.

Alt metni ayarla

ListTile(
  title: Text('Başlık'),
  ____: Text('Alt metin'),
)

Cevabı göster

ListTile(
  title: Text('Başlık'),
  subtitle: Text('Alt metin'),
)

ListTile kavramları

ListTile

Liste satırı kalıbı
title

Ana metin
subtitle

Alt metin
leading

Sol baştaki widget

Sıradaki ders: Separator

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler