En Yeni Konular

Flutter : Statik ve Dinamik Listeler (ListView)

ListView Kullanımı

Mobil yazılım geliştirken çok kullanılan Listviewler Flutter ile gerçekten çok kolay ve kolayca özelleştirilebiliyor.

Statik ListView’den başlayarak tanıyalım

Statik ListView

Uygulamanın iskeleti

Listemize bir kaç eleman ekleyip bakalım

Statik ListView

Bu şelikde pek liste gibi durmuyor ListTile.divideTiles ile aralarına çizgi koyalım

ListTile.divideTiles

Dinamik ListView

Statik Listeler elemanlarımızın az olduğu durumlarda oldukça kullanışlıdır ama, uzun listelerde öyle değil.
Uygulamamızda uzun listeler kullanacak isek Listview.builder kurucu methodundan yararlanırız. Bu şekilde flutter  direk bütün listeyi ekrana çizmez, ekranda görünebileceği kadarını çizer bu şekilde daha performanslı çalışır.

Listview.Builder

ListView.seperated

Listview.seperated ile aralarına ayıraç ekleyelim

Yatay ListView

scrolldirection özelliğini Axis.horizontal yaparak değiştirebilir.

scrollDirection: Axis.horizontal

 

ListView Özelleştirme, Still Verme

ListTile Özelleştirme

ListView için özel Widget oluşturma

Listemizin daha güzel görünmesini istiyorsak diğer widgetlerden yararlanabiliriz. En basitinden Card widgetini kullanalım.

ListView ve Card

Tıklama İşlemleri

Sadece ListTile’ın bize vermiş olduğu onTab ve onLongPress ile bile bir çok işimizi görebiliriz.

Veya Herhangi bir Widgeti Inkwell ile sarmalayıp tıklanma kabiliyeti verbiliriz.
InkWell

Hakkında Necip Akgöz

İLGİNİZİ ÇEKEBİLİR

Flutter : Expanded Ve Flexible

BaşlıklarListView KullanımıStatik ListViewDinamik ListViewListview.BuilderListView.seperatedYatay ListViewListView Özelleştirme, Still VermeListTile ÖzelleştirmeListView için özel Widget oluşturmaTıklama İşlemleri Expanded …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir