Align widget'ı

Align ile çocuğu belirli bir konuma yerleştirmeyi öğrenirsin.

Align widget'ı

Align, çocuğu belirli bir konuma yerleştiren widget'tır. alignment parametresi bir Alignment nesnesi alır. Alignment.topLeft, Alignment.centerRight, Alignment.bottomCenter gibi değerler çocuğun nereye yerleştirileceğini belirler. Center, Align'in alignment: Alignment.center olduğu özel halidir.

Align(
  alignment: Alignment.topLeft,
  child: Text('Sol üst'),
)

Align(
  alignment: Alignment.bottomRight,
  child: Text('Sağ alt'),
)

Alignment değerleri

Alignment sınıfı birçok hazır konum sunar: topLeft, topCenter, topRight, centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight. Ayrıca Alignment(0.5, -0.3) gibi ondalıklı değerlerle özel konumlar tanımlanabilir; (0, 0) tam merkez, (-1, -1) sol üst köşedir.

Align(
  alignment: Alignment(0, -1),  // üst orta
  child: Text('Üst orta'),
)

Align(
  alignment: Alignment(-1, 0),  // sol orta
  child: Text('Sol orta'),
)

Uygulama Align bilgisini yazdır

main içinde iki satırı print ile yazdır: align konum ve alignment kose.

Örnek çözümü göster

void main() {
  print('align konum');
  print('alignment kose');
}

Kendini test et

Align widget'ı ne yapar?
- Çocuğu rastgele konumlandırır
- Çocuğu boyutlandırır
- Çocuğu belirli bir konuma yerleştirir
- Çocuğu renklendirir
Cevabı göster

Çocuğu belirli bir konuma yerleştirir — Align, çocuğu Alignment değerleriyle belirli bir konuma yerleştirir; topLeft, bottomRight gibi.

Sağ alta yerleştir

Align(
  alignment: Alignment.____,
  child: Text('Sağ alt'),
)

Cevabı göster

Align(
  alignment: Alignment.bottomRight,
  child: Text('Sağ alt'),
)

Align kavramları

Align

Çocuğu konumlandırır
Alignment

Konum nesnesi
Alignment.topLeft

Sol üst köşe
Alignment.bottomRight

Sağ alt köşe

Sıradaki ders: Özet - SizedBox ve Center

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler