ListView nedir?
- Flutter kursu
- Başlangıç
- Ders 46/99
- 4 dk
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.
Başlangıç kodu
void main() {
// iki satır yazdır:
// listview kaydir
// scroll dikey
}Örnek çözüm
void main() {
print('listview kaydir');
print('scroll dikey');
}Beklenen çıktı
listview kaydir scroll dikey
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 ListView, Column'dan ne şekilde ayrılır?
- ListView kaydırılabilir, Column kaydırılmaz Doğru cevap
- ListView renk verir, Column vermez
- ListView yatay dizer, Column dikey dizer
- ListView tek child alır, Column liste alır
Açıklama: ListView kaydırılabilir liste sunar; Column sabit yükseklikte dizer ve kaydırma eklemez.
2 Kaydırma yönü
ListView(
____: Axis.horizontal,
children: [...],
)ListView(
scrollDirection: Axis.horizontal,
children: [...],
)Açıklama: scrollDirection parametresi ListView'in kaydırma yönünü belirler.
3 ListView kavramları
| Kavram | Anlamı |
|---|---|
ListView |
Kaydırılabilir liste |
scroll |
İçeriği kaydırma |
scrollDirection |
Kaydırma yönü |
Axis.vertical |
Dikey kaydırma |