Flutter’da kare veya dikdörtgen şeklinde düzenlenmiş bir grid (ızgara) oluşturmak için GridView widget’ını kullanabilirsiniz. GridView, widget’ları satır ve sütunlarla düzenlemeyi sağlar ve çeşitli hizalama ve düzenleme seçenekleri sunar. İşte Flutter’da GridView widget’ının bazı özellikleri:
- gridDelegate: GridView’in düzenini ve hizalamasını belirten bir parametredir. GridViewDelegate sınıfının alt sınıflarından birini alır. En yaygın olarak kullanılan sınıflardan biri GridView.count’dur.
Örneğin:
GridView.count( crossAxisCount: 2, children: [ // Widget'lar ], )
- crossAxisCount: GridView’in yatayda kaç widget sığdıracağını belirten bir parametredir. Örneğin, crossAxisCount: 3 ızgarada her satırda üç widget olacak şekilde düzenler.
Örneğin:
GridView.count( crossAxisCount: 3, children: [ // Widget'lar ], )
- children: GridView içinde yer alacak widget’ları belirten bir parametredir. Bu parametre, birden fazla widget’ı içeren bir liste alır. İstenilen widget’ları bu listede sıralayabilirsiniz.
Örneğin:
GridView.count( crossAxisCount: 2, children: [ Container( color: Colors.red, ), Container( color: Colors.blue, ), Container( color: Colors.green, ), ], )
- mainAxisSpacing: Satırlar arasındaki boşluğu belirten bir parametredir. Yatay yönde iki satır arasında boşluk ekler.
Örneğin:
GridView.count( crossAxisCount: 2, mainAxisSpacing: 10.0, children: [ // Widget'lar ], )
- crossAxisSpacing: Sütunlar arasındaki boşluğu belirten bir parametredir. Dikey yönde iki sütun arasında boşluk ekler.
Örneğin:
GridView.count( crossAxisCount: 2, crossAxisSpacing: 10.0, children: [ // Widget'lar ], )
- scrollDirection: GridView’in kaydırma yönlendirmesini belirten bir parametredir. Axis enum’undan bir değer alır. Varsayılan olarak Axis.vertical’dır (dikey kaydırma).
Örneğin:
GridView.count( crossAxisCount: 2, scrollDirection: Axis.horizontal, children: [ // Widget'lar ], )
Bu özellikler, Flutter’da GridView widget’ını kullanırken yaygın olarak kullanılan bazı özelliklerdir. GridView widget’ı, widget’ları düzenlemek ve ızgara şeklinde göstermek için kullanılır.