BTC - $70,114.00 -0.61%
ETH - $2,102.91 0.70%
USDT - $1.00 0.01%
XRP - $1.44 0.08%
BNB - $635.98 -0.54%
USDC - $1.00 0.01%
SOL - $86.71 -0.46%
TRX - $0.28 0.30%
DOGE - $0.10 -0.75%
FIGR_HELOC - $1.03 1.33%
WBT - $53.02 -1.31%
BCH - $532.54 0.96%
ADA - $0.27 -0.36%
USDS - $1.00 -0.03%
LEO - $8.57 2.07%
HYPE - $31.30 -3.45%
USDE - $1.00 -0.01%
LINK - $8.83 0.02%
CC - $0.17 -2.24%
XMR - $334.66 4.98%

Flutter GridView Kullanımı

GridView.builder, Flutter’da kullanılan bir bileşendir. GridView, satır ve sütunlardan oluşan bir ızgara görünümü sağlar ve içindeki verileri dinamik olarak oluşturmanıza ve düzenlemenize olanak tanır. GridView.builder, verileri veri kaynağınıza bağlayarak dinamik olarak oluşturmanızı sağlayan bir yapıdır. Bu sayede, verileri gerektiğinde yükleyebilir ve ekranda görünür olan öğeleri sınırlayabilirsiniz. Özellikle büyük veri listeleriyle...

admin
admin tarafından
3 Temmuz 2023 yayınlandı / 03 Temmuz 2023 18:17 güncellendi
1 dk 17 sn 1 dk 17 sn okuma süresi
Flutter GridView Kullanımı
Google News Google News ile Abone Ol 0 Yorum


GridView.builder, Flutter’da kullanılan bir bileşendir. GridView, satır ve sütunlardan oluşan bir ızgara görünümü sağlar ve içindeki verileri dinamik olarak oluşturmanıza ve düzenlemenize olanak tanır.

GridView.builder, verileri veri kaynağınıza bağlayarak dinamik olarak oluşturmanızı sağlayan bir yapıdır. Bu sayede, verileri gerektiğinde yükleyebilir ve ekranda görünür olan öğeleri sınırlayabilirsiniz. Özellikle büyük veri listeleriyle çalışırken performans açısından önemli avantajlar sağlar.

GridView.builder, aşağıdaki parametreleri alır:

  • itemCount: Oluşturulacak öğe sayısı.
  • itemBuilder: Her bir öğenin nasıl oluşturulacağını belirten bir fonksiyon. Bu fonksiyon, her bir öğe için bir indeks ve bağlantılı Widget’i döndürmelidir.
  • gridDelegate: GridView’in ızgara düzenini belirleyen bir delegate. Örneğin, GridDelegateWithFixedCrossAxisCount sınıfını kullanarak sütun sayısını ve öğeler arasındaki boşlukları ayarlayabilirsiniz.

GridView.builder(
itemCount: items.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2, // İki sütunlu bir ızgara
mainAxisSpacing: 10.0, // Ana eksen aralığı
crossAxisSpacing: 10.0, // Çapraz eksen aralığı
),
itemBuilder: (BuildContext context, int index) {
return YourItemWidget(item: items[index]); // Her bir öğe için widget oluşturma
},
)

Bu örnek, items adında bir listeyle GridView’i doldurur. Her bir öğe için YourItemWidget adında bir Widget döndürülür.

GridView.builder, veri kaynağından gelecek verilere göre otomatik olarak öğeleri oluşturmanızı sağlar ve sınırlı bir ekranda veri listeleri oluşturmanın etkili bir yoludur.

Bu yazıya tepkin ne?

Yorum Ekle

İLGİNİZİ ÇEKEBİLİR
Evening be whose seasons
11 Haziran 2016

Evening be whose seasons

Flutter GridView Kullanımı

Bu Yazıyı Paylaş

Bize Ulaşın Bildirimler Giriş Yap
2