SizedBox

SizedBox ile sabit boyut veya boşluk vermeyi öğrenirsin.

SizedBox

SizedBox, sabit boyutlu bir kutu oluşturan widget'tır. width ve height parametreleriyle kesin boyut verir; çocuk o kutunun içine yerleşir. Sadece boşluk için (çocuksuz) kullanıldığında sabit aralık aracı olarak çalışır.

SizedBox(
  width: 100,
  height: 50,
  child: Text('Kutu'),
)

// Çocuksuz: sabit boşluk
SizedBox(height: 16)

width ve height

SizedBox'in width parametresi yatay boyutu, height parametresi dikey boyutu belirler. Birini verip diğerini boş bırakırsan, eksik boyut çocuğun boyutuna uyacak şekilde esnek kalır. Örneğin SizedBox(height: 20) yalnızca dikey boşluk bırakır; yatay boyut çocuğa veya ebeveyne göre ayarlanır.

// Yalnızca yükseklik
SizedBox(height: 20, child: Text('İnce'))

// Hem genişlik hem yükseklik
SizedBox(
  width: 200,
  height: 100,
  child: Container(color: Colors.blue),
)

Uygulama SizedBox bilgisini yazdır

main içinde iki satırı print ile yazdır: sizedbox sabit ve width height.

Örnek çözümü göster

void main() {
  print('sizedbox sabit');
  print('width height');
}

Kendini test et

SizedBox widget'ı ne için kullanılır?
- Sabit boyutlu kutu veya boşluk için
- Renk vermek için
- Animasyon oynatmak için
- Metin yazdırmak için
Cevabı göster

Sabit boyutlu kutu veya boşluk için — SizedBox, sabit boyutlu bir kutu oluşturur; çocuksuz kullanıldığında sabit boşluk aracı olur.

Sabit yükseklik ver

SizedBox(
  ____: 50,
  child: Text('Kısa'),
)

Cevabı göster

SizedBox(
  height: 50,
  child: Text('Kısa'),
)

SizedBox kavramları

SizedBox

Sabit boyutlu kutu
width

Yatay boyut
height

Dikey boyut
çocuksuz SizedBox

Sabit boşluk aracı

Sıradaki ders: Center widget'ı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler