Center widget'ı
- Flutter kursu
- Başlangıç
- Ders 42/99
- 4 dk
Center ile çocuğunu ortalamayı öğrenirsin.
Center widget'ı
Center, tek çocuğunu ebeveyninin tam ortasına yerleştiren widget'tır. Center, aslında Align widget'ının alignment: Alignment.center ile kullanılmasının kısayoludur. Child, hem yatay hem dikey olarak ortalanır.
Center(
child: Text('Ortada'),
)
// Eşdeğer:
Align(
alignment: Alignment.center,
child: Text('Ortada'),
)Center ve alignment
Center, çocuğu ebeveyn alanının tam merkezine koyar. Eğer ebeveyn sınırsız boyut veriyorsa (örneğin Column içinde mainAxisSize: min ile), Center çocuğu yalnızca kendi boyutu kadar ortalar. Center'ın alignment parametresi yoktur; tam orta için tasarlanmıştır. Farklı hizalama için Align kullanılır.
Scaffold(
body: Center(
child: Container(
width: 100,
height: 100,
color: Colors.red,
child: Text('Ortada'),
),
),
)Uygulama Center bilgisini yazdır
main içinde iki satırı print ile yazdır: center ortala ve align kisa yol.
Başlangıç kodu
void main() {
// iki satır yazdır:
// center ortala
// align kisa yol
}Örnek çözüm
void main() {
print('center ortala');
print('align kisa yol');
}Beklenen çıktı
center ortala align kisa yol
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Center widget'ı ne yapar?
- Çocuğu döndürür
- Çocuğu ebeveynin ortasına yerleştirir Doğru cevap
- Çocuğu gizler
- Çocuğu boyutlandırır
Açıklama: Center, çocuğu ebeveyninin tam ortasına yerleştirir; hem yatay hem dikey olarak ortalar.
2 Çocuğu ortala
Widget build(BuildContext context) {
return ____(
child: Text('Ortada'),
);
}Widget build(BuildContext context) {
return Center(
child: Text('Ortada'),
);
}Açıklama: Center widget'ı çocuğu ebeveyninin ortasına koyar.
3 Center kavramları
| Kavram | Anlamı |
|---|---|
Center |
Çocuğu ortalar |
alignment |
Hizalama bilgisi |
Alignment.center |
Center'ın varsayılan değeri |
Center = Align |
Center, Align'in kısayolu |