Column

Column ile widget'ları dikey dizmeyi öğrenirsin.

Column

Column, birden çok widget'ı dikey olarak alt alta dizen widget'tır. children parametresi bir widget listesi alır. Column'un ana ekseni dikeydir; mainAxisAlignment dikey dağılımı, crossAxisAlignment yatay hizalamayı kontrol eder.

Column(
  children: [
    Text('Birinci'),
    Text('İkinci'),
    Text('Üçüncü'),
  ],
)

Column parametreleri

Column'un en önemli parametreleri: children (dikey dizilecek widget listesi), mainAxisAlignment (dikey dağılım), crossAxisAlignment (yatay hizalama) ve mainAxisSize (ana eksen boyutu). Column varsayılan olarak tüm dikey alanı kaplar; mainAxisSize: MainAxisSize.min ile içeriğe göre daraltılır.

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.start,
  mainAxisSize: MainAxisSize.min,
  children: [
    Text('Kısa'),
    Text('Sütun'),
  ],
)

Uygulama Column bilgisini yazdır

main içinde iki satırı print ile yazdır: column dikey ve children liste.

Örnek çözümü göster

void main() {
  print('column dikey');
  print('children liste');
}

Kendini test et

Column widget'ı widget'ları hangi yönde dizer?
- Yatay olarak yan yana
- Dikey olarak alt alta
- Rastgele sırada
- Çakışarak üst üste
Cevabı göster

Dikey olarak alt alta — Column widget'ları dikey olarak alt alta dizer; Row yatay olarak yan yana dizer.

Çocukları listele

Column(
  ____: [
    Text('Bir'),
    Text('İki'),
  ],
)

Cevabı göster

Column(
  children: [
    Text('Bir'),
    Text('İki'),
  ],
)

Column kavramları

Column

Widget'ları dikey dizen widget
children

Dikey dizilecek widget listesi
mainAxisAlignment

Dikey dağılım
crossAxisAlignment

Yatay hizalama

Sıradaki ders: Row

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler