MainAxisAlignment

MainAxisAlignment ile ana eksen hizalamayı öğrenirsin.

MainAxisAlignment

MainAxisAlignment, Column ve Row'da ana eksen boyunca çocukların nasıl dağılacağını belirler. Column'da ana eksen dikey, Row'da yataydır. Yaygın değerler: center (ortala), spaceBetween (aralarında eşit boşluk, kenar boşluğu yok), spaceEvenly (kenarlar dahil eşit boşluk), start (başa yasla), end (sona yasla).

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    Text('Ortada'),
  ],
)

Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: [
    Text('Sol'),
    Text('Sağ'),
  ],
)

spaceBetween ve spaceEvenly farkı

spaceBetween, ilk ve son çocukları kenarlara yapıştırır, aradakilere eşit boşluk verir. spaceEvenly ise kenar boşlukları dahil tüm boşlukları eşit dağıtır. center tüm çocukları tek blok halinde ortalar. start ve end çocukları sırasıyla başa veya sona yaslar.

// spaceBetween: A --- B --- C (kenar boşluğu yok)
// spaceEvenly:  --- A --- B --- C --- (kenar dahil eşit)
// center: --- ABC --- (blok halinde orta)

Row(
  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  children: [Text('A'), Text('B'), Text('C')],
)

Uygulama MainAxisAlignment bilgisini yazdır

main içinde iki satırı print ile yazdır: mainAxis eksen ve spaceBetween bosluk.

Örnek çözümü göster

void main() {
  print('mainAxis eksen');
  print('spaceBetween bosluk');
}

Kendini test et

MainAxisAlignment.spaceBetween ne yapar?
- Çocukları kenar boşluğu bırakmadan eşit aralıklı dizer
- Çocukları sona yaslar
- Çocukları başa yaslar
- Çocukları ortalar
Cevabı göster

Çocukları kenar boşluğu bırakmadan eşit aralıklı dizer — spaceBetween, ilk ve son çocukları kenarlara yapıştırır ve aradakilere eşit boşluk verir.

Çocukları ortala

Column(
  mainAxisAlignment: MainAxisAlignment.____,
  children: [Text('X')],
)

Cevabı göster

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [Text('X')],
)

MainAxisAlignment kavramları

MainAxisAlignment

Ana eksen dağılımı
center

Çocukları ortalar
spaceBetween

Kenar boşluksuz eşit aralık
spaceEvenly

Kenar dahil eşit aralık

Sıradaki ders: CrossAxisAlignment

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler