SizedBox.expand

SizedBox.expand ile ebeveyni dolduran kutu yapmayı öğrenirsin.

SizedBox.expand

SizedBox.expand, ebeveyninden gelen tüm boyutu dolduran bir SizedBox üretir. width ve height parametreleri double.infinity kabul eder. Bu, bir widget'ı ebeveyninin tam genişliği veya yüksekliği kadar yapmak için kullanılır.

SizedBox.expand(
  child: Container(color: Colors.blue),
)

// Eşdeğer:
SizedBox(
  width: double.infinity,
  height: double.infinity,
  child: Container(color: Colors.blue),
)

double.infinity

double.infinity, Flutter'da "olabildiğince büyük" anlamına gelen özel bir değerdir. SizedBox(width: double.infinity) çocuğu ebeveyn genişliği kadar yapar. Expanded ve SizedBox.expand bu değeri kullanır. Column ve Row içinde, Expanded widget'ı benzer bir etkiyi ana eksen boyunca yapar.

Column(
  children: [
    SizedBox(
      width: double.infinity,
      child: Text('Tam genişlik'),
    ),
    SizedBox.expand(
      child: Text('Tam boyut'),
    ),
  ],
)

Uygulama SizedBox.expand bilgisini yazdır

main içinde iki satırı print ile yazdır: expand doldur ve infinity sonsuz.

Örnek çözümü göster

void main() {
  print('expand doldur');
  print('infinity sonsuz');
}

Kendini test et

SizedBox.expand ne yapar?
- Ebeveyn boyutunu tamamen doldurur
- Çocuğu ortalı tutar
- Çocuğu gizler
- Çocuğu küçültür
Cevabı göster

Ebeveyn boyutunu tamamen doldurur — SizedBox.expand, width ve height değerlerini double.infinity yapar ve ebeveyn boyutunu tamamen doldurur.

Sonsuz genişlik

SizedBox(
  width: ____,
  child: Text('Tam genişlik'),
)

Cevabı göster

SizedBox(
  width: double.infinity,
  child: Text('Tam genişlik'),
)

SizedBox.expand kavramları

SizedBox.expand

Ebeveyni doldurur
expand

Tam boyut
double.infinity

Sonsuz boyut değeri
width + height = infinity

SizedBox.expand'e eşdeğer

Sıradaki ders: Align widget'ı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler