ListView.builder
- Flutter kursu
- Başlangıç
- Ders 47/99
- 4 dk
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.
Başlangıç kodu
void main() {
// iki satır yazdır:
// builder verimli
// index sira
}Örnek çözüm
void main() {
print('builder verimli');
print('index sira');
}Beklenen çıktı
builder verimli index sira
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 ListView.builder ne zaman tercih edilir?
- Liste hiç kaydırmayacaksa
- Liste büyük veya öğe sayısı önceden bilinmiyorsa Doğru cevap
- Liste çok küçükse (1-2 öğe)
- Liste yatay olacaksa
Açıklama: ListView.builder, yalnızca görünen öğeleri render eder; büyük listelerde performans kazandırır.
2 Toplam öğe sayısı
ListView.builder(
____: 50,
itemBuilder: (context, index) => Text('$index'),
)ListView.builder(
itemCount: 50,
itemBuilder: (context, index) => Text('$index'),
)Açıklama: itemCount parametresi ListView.builder'da toplam öğe sayısını belirler.
3 ListView.builder kavramları
| Kavram | Anlamı |
|---|---|
ListView.builder |
Verimli liste oluşturucu |
itemCount |
Toplam öğe sayısı |
itemBuilder |
Her öğeyi oluşturan fonksiyon |
index |
Öğenin sırası |