Center widget'ı

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.

Örnek çözümü göster

void main() {
  print('center ortala');
  print('align kisa yol');
}

Kendini test et

Center widget'ı ne yapar?
- Çocuğu döndürür
- Çocuğu ebeveynin ortasına yerleştirir
- Çocuğu gizler
- Çocuğu boyutlandırır
Cevabı göster

Çocuğu ebeveynin ortasına yerleştirir — Center, çocuğu ebeveyninin tam ortasına yerleştirir; hem yatay hem dikey olarak ortalar.

Çocuğu ortala

Widget build(BuildContext context) {
  return ____(
    child: Text('Ortada'),
  );
}

Cevabı göster

Widget build(BuildContext context) {
  return Center(
    child: Text('Ortada'),
  );
}

Center kavramları

Center

Çocuğu ortalar
alignment

Hizalama bilgisi
Alignment.center

Center'ın varsayılan değeri
Center = Align

Center, Align'in kısayolu

Sıradaki ders: SizedBox.expand

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler