ListView nedir?

ListView ile kaydırılabilir liste yapmayı öğrenirsin.

ListView nedir?

ListView, çocuklarını dikey olarak dizip kaydırılabilir (scrollable) hale getiren widget'tır. Column'a benzer ama içeriği ekrana sığmazsa otomatik olarak kaydırmaya izin verir. children parametresi bir widget listesi alır.

ListView(
  children: [
    Text('Birinci'),
    Text('İkinci'),
    Text('Üçüncü'),
  ],
)

ListView ve scroll

ListView, içeriği ekrana sığmadığında otomatik kaydırma (scroll) sağlar. Column + SingleChildScrollView kombinasyonu yerine ListView kullanmak daha verimlidir çünkü ListView yalnızca görünen çocukları render eder. Kaydırma yönü scrollDirection ile değiştirilebilir; varsayılan Axis.vertical'dır.

ListView(
  scrollDirection: Axis.vertical,
  children: [
    ListTile(title: Text('Öğe 1')),
    ListTile(title: Text('Öğe 2')),
    ListTile(title: Text('Öğe 3')),
  ],
)

// Yatay kaydırma
ListView(
  scrollDirection: Axis.horizontal,
  children: [
    Container(width: 100, color: Colors.red),
    Container(width: 100, color: Colors.blue),
  ],
)

Uygulama ListView bilgisini yazdır

main içinde iki satırı print ile yazdır: listview kaydir ve scroll dikey.

Örnek çözümü göster

void main() {
  print('listview kaydir');
  print('scroll dikey');
}

Kendini test et

ListView, Column'dan ne şekilde ayrılır?
- ListView kaydırılabilir, Column kaydırılmaz
- ListView renk verir, Column vermez
- ListView yatay dizer, Column dikey dizer
- ListView tek child alır, Column liste alır
Cevabı göster

ListView kaydırılabilir, Column kaydırılmaz — ListView kaydırılabilir liste sunar; Column sabit yükseklikte dizer ve kaydırma eklemez.

Kaydırma yönü

ListView(
  ____: Axis.horizontal,
  children: [...],
)

Cevabı göster

ListView(
  scrollDirection: Axis.horizontal,
  children: [...],
)

ListView kavramları

ListView

Kaydırılabilir liste
scroll

İçeriği kaydırma
scrollDirection

Kaydırma yönü
Axis.vertical

Dikey kaydırma

Sıradaki ders: ListView.builder

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler