ListView.builder

ListView.builder ile verimli büyük listeler yapmayı öğrenirsin.

ListView.builder

ListView.builder, büyük listeleri verimli şekilde oluşturur. Tüm öğeleri bir kerede render etmek yerine, yalnızca ekranda görünen öğeleri oluşturur. itemCount toplam öğe sayısını, itemBuilder her öğeyi nasıl oluşturacağınızı belirler.

ListView.builder(
  itemCount: 100,
  itemBuilder: (context, index) {
    return ListTile(
      title: Text('Öğe $index'),
    );
  },
)

itemCount ve itemBuilder

itemCount, listedeki toplam öğe sayısını belirtir; verilmezse ListView sonsuz liste kabul eder. itemBuilder, bir BuildContext ve index alır; index parametresi 0'dan başlar ve hangi öğenin oluşturulacağını söyler. itemBuilder, her öğe için bir widget döndürmelidir.

final isimler = ['Ada', 'Bora', 'Cem', 'Deniz'];

ListView.builder(
  itemCount: isimler.length,
  itemBuilder: (context, index) {
    return ListTile(
      title: Text(isimler[index]),
    );
  },
)

Uygulama ListView.builder bilgisini yazdır

main içinde iki satırı print ile yazdır: builder verimli ve index sira.

Örnek çözümü göster

void main() {
  print('builder verimli');
  print('index sira');
}

Kendini test et

ListView.builder ne zaman tercih edilir?
- Liste hiç kaydırmayacaksa
- Liste büyük veya öğe sayısı önceden bilinmiyorsa
- Liste çok küçükse (1-2 öğe)
- Liste yatay olacaksa
Cevabı göster

Liste büyük veya öğe sayısı önceden bilinmiyorsa — ListView.builder, yalnızca görünen öğeleri render eder; büyük listelerde performans kazandırır.

Toplam öğe sayısı

ListView.builder(
  ____: 50,
  itemBuilder: (context, index) =&gt; Text('$index'),
)

Cevabı göster

ListView.builder(
  itemCount: 50,
  itemBuilder: (context, index) =&gt; Text('$index'),
)

ListView.builder kavramları

ListView.builder

Verimli liste oluşturucu
itemCount

Toplam öğe sayısı
itemBuilder

Her öğeyi oluşturan fonksiyon
index

Öğenin sırası

Sıradaki ders: ListTile

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler