CodeBlanks Logo Icon CodeBlanks

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.

Başlangıç kodu

main.dart
void main() {
  // iki satır yazdır:
  // expand doldur
  // infinity sonsuz

}

Örnek çözüm

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

Beklenen çıktı

expand doldur
infinity sonsuz

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 SizedBox.expand ne yapar?

  • Ebeveyn boyutunu tamamen doldurur Doğru cevap
  • Çocuğu ortalı tutar
  • Çocuğu gizler
  • Çocuğu küçültür

Açıklama: SizedBox.expand, width ve height değerlerini double.infinity yapar ve ebeveyn boyutunu tamamen doldurur.

2 Sonsuz genişlik

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

Açıklama: double.infinity, olabildiğince büyük boyut anlamına gelir.

3 SizedBox.expand kavramları

Kavram Anlamı
SizedBox.expand Ebeveyni doldurur
expand Tam boyut
double.infinity Sonsuz boyut değeri
width + height = infinity SizedBox.expand'e eşdeğer

Başlangıç bölümündeki tüm dersler