Align widget'ı
- Flutter kursu
- Başlangıç
- Ders 44/99
- 4 dk
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.
Başlangıç kodu
void main() {
// iki satır yazdır:
// align konum
// alignment kose
}Örnek çözüm
void main() {
print('align konum');
print('alignment kose');
}Beklenen çıktı
align konum alignment kose
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Align widget'ı ne yapar?
- Çocuğu rastgele konumlandırır
- Çocuğu boyutlandırır
- Çocuğu belirli bir konuma yerleştirir Doğru cevap
- Çocuğu renklendirir
Açıklama: Align, çocuğu Alignment değerleriyle belirli bir konuma yerleştirir; topLeft, bottomRight gibi.
2 Sağ alta yerleştir
Align(
alignment: Alignment.____,
child: Text('Sağ alt'),
)Align(
alignment: Alignment.bottomRight,
child: Text('Sağ alt'),
)Açıklama: bottomRight, çocuğu sağ alt köşeye yerleştiren Alignment değeridir.
3 Align kavramları
| Kavram | Anlamı |
|---|---|
Align |
Çocuğu konumlandırır |
Alignment |
Konum nesnesi |
Alignment.topLeft |
Sol üst köşe |
Alignment.bottomRight |
Sağ alt köşe |