En Yeni Konular

Flutter : GridView Çeşitleri

Flutter ile Gridview Çeşitleri ve Kullanımları

2D sürüklenebilir Widgetler yaratmamıza olanak sağlayan Gridview çeşitlerine bakalım.

Uygulamamızın iskeletine bakalım, Scaffold’umuzun body kısmına Sırasıyla Gridviewleri koyarak ilerlenecek.

GridView.count

Çapraz eksende kaç elemanlı olacağını belirttiğimiz Gridview

Gridview.count
Gridview.count

 

 

 

 

 

 

 

 

 

GridView.extend

Elamanların boyutunun verdiğimiz ölçüte olmasını sağlayan GridView. Diğer özellikleri count ile aynıdır.

maxCrossAxisExtent : 200 verdik diyelim elemanları maximum 200’e 200 olarak ekrandaki alana göre eşit ölçüde sığdırmaya çalışır.
GridView.extend
GridView.extend

 

 

 

 

 

 

 

 

 

 

GridView.builder

Builder sayesinde kaydırma işlemlerini daha efektif bir şekilde yapmamızı sağlayan GridView çeşidi, Bütün elemanları aynı anda yüklemez sadece ekranda görünen kısımları yükler, böylece daha efektif ve performanslıdır. Diğer özellikleri yine normal GridViewler ile aynıdır.

gridDelegate : Özelliğine  SliverGridDelegateWithFixedCrossAxisCount yada SliverGridDelegateWithMaxCrossAxisExtent  gireriz. İsimlerinden de anlaşılacağı üzere birisi sabit eleman sayısı ile diğeri ise maximum eleman büyüklüğü ile elemanları ekrana yerleştirir.

SliverGridDelegateWithFixedCrossAxisCount Örnek

Elemanları ekranda görüneceği zaman yüklüyor.

GridView.builder

GridView.custom

Hem Gridview’in kendisini hemde child’larını ayrı ayrı delege edebildiğimiz GridView türü

GridView.custom

Örneklerin Tamamı

Flutter GridView Çeşitleri
GridView Çeşitleri

Hakkında Necip Akgöz

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

Flutter : Expanded Ve Flexible

BaşlıklarFlutter ile Gridview Çeşitleri ve KullanımlarıGridView.countGridView.extendGridView.builderGridView.customÖrneklerin Tamamı Expanded Row, Column, Flex içerisindeki bir widget’i Expanded …

Bir cevap yazın

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