MainAxisSpacing Kullanımı

MainAxisSpacing, Flutter’da GridView veya Wrap gibi widget’larla kullanılan bir özelliktir. Bu özellik, öğeler arasında dikey yönde boşluk (spacing) sağlar. MainAxisSpacing özelliğini kullanmak için, GridView veya Wrap widget’ını ilgili parametrelerle oluşturmanız gerekmektedir. MainAxisSpacing, Flutter’da GridView veya Wrap gibi widget’larla kullanılan bir özelliktir. Bu özellik, öğeler arasında dikey yönde boşluk (spacing) sağlar....

admin tarafından

5 Temmuz 2023 yayınlandı / 05 Temmuz 2023 20:44 güncellendi

Google News 0

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

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

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

Flutter Hataları

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

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

GridView için mainAxisSpacing kullanımı:

dartCopy codeGridView.count(
  crossAxisCount: 3,
  mainAxisSpacing: 10.0, // Dikey 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’ı mainAxisSpacing parametresi ile kullanılmaktadır. mainAxisSpacing değeri 10.0 olarak ayarlanmıştır, bu da öğeler arasında dikeyde 10 birimlik bir boşluk sağlar.

Wrap için runSpacing kullanımı:

Wrap(
runSpacing: 8.0, // Dikey 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’ı runSpacing parametresi ile kullanılmaktadır. runSpacing değeri 8.0 olarak ayarlanmıştır, bu da öğeler arasında dikeyde 8 birimlik bir boşluk sağlar.

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