Flutter CrossAxisSpacing Kullanımı

CrossAxisSpacing, Flutter’da GridView veya Wrap gibi widget’larla kullanılan bir özelliktir. Bu özellik, öğeler arasında yatay yönde boşluk (spacing) sağlar.

CrossAxisSpacing özelliğini kullanmak için, GridView veya Wrap widget’ını ilgili parametrelerle oluşturmanız gerekmektedir.

GridView.count(
crossAxisCount: 3,
crossAxisSpacing: 10.0, // Yatay yönde boşluk
children: [
Container(
color: Colors.blue,
height: 100,
),
Container(
color: Colors.red,
height: 100,
),
Container(
color: Colors.green,
height: 100,
),
],
)

Flutter Gesturedetector Kullanımı

×


CrossAxisSpacing, Flutter’da GridView veya Wrap gibi widget’larla kullanılan bir özelliktir. Bu özellik, öğeler arasında yatay yönde boşluk (spacing) sağlar.

CrossAxisSpacing özelliğini kullanmak için, GridView veya Wrap widget’ını ilgili parametrelerle oluşturmanız gerekmektedir. İşte örnekler:

1. GridView için crossAxisSpacing kullanımı:

dartCopy codeGridView.count(
  crossAxisCount: 3,
  crossAxisSpacing: 10.0, // Yatay yönde boşluk
  children: <Widget>[
    Container(
      color: Colors.blue,
      height: 100,
    ),
    Container(
      color: Colors.red,
      height: 100,
    ),
    Container(
      color: Colors.green,
      height: 100,
    ),
  ],
)

Bu örnekte, GridView.count widget’ı crossAxisSpacing parametresi ile kullanılmaktadır. crossAxisSpacing değeri 10.0 olarak ayarlanmıştır, bu da öğeler arasında yatayda 10 birimlik bir boşluk sağlar.

Wrap için spacing kullanımı:

Wrap(
spacing: 8.0, // Yatay yönde boşluk
children: [
Container(
color: Colors.blue,
height: 100,
width: 100,
),
Container(
color: Colors.red,
height: 100,
width: 100,
),
Container(
color: Colors.green,
height: 100,
width: 100,
),
],
)

Bu örnekte, Wrap widget’ı spacing parametresi ile kullanılmaktadır. spacing değeri 8.0 olarak ayarlanmıştır, bu da öğeler arasında yatayda 8 birimlik bir boşluk sağlar.

Bu örneklerde, crossAxisSpacing veya spacing değerini ihtiyaçlarınıza göre ayarlayarak öğeler arasında istediğiniz miktarda yatay boşluk sağlayabilirsiniz.