SizedBox
- Flutter kursu
- Başlangıç
- Ders 41/99
- 4 dk
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.
Başlangıç kodu
void main() {
// iki satır yazdır:
// sizedbox sabit
// width height
}Örnek çözüm
void main() {
print('sizedbox sabit');
print('width height');
}Beklenen çıktı
sizedbox sabit width height
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 SizedBox widget'ı ne için kullanılır?
- Sabit boyutlu kutu veya boşluk için Doğru cevap
- Renk vermek için
- Animasyon oynatmak için
- Metin yazdırmak için
Açıklama: SizedBox, sabit boyutlu bir kutu oluşturur; çocuksuz kullanıldığında sabit boşluk aracı olur.
2 Sabit yükseklik ver
SizedBox(
____: 50,
child: Text('Kısa'),
)SizedBox(
height: 50,
child: Text('Kısa'),
)Açıklama: height parametresi SizedBox'e dikey boyut verir.
3 SizedBox kavramları
| Kavram | Anlamı |
|---|---|
SizedBox |
Sabit boyutlu kutu |
width |
Yatay boyut |
height |
Dikey boyut |
çocuksuz SizedBox |
Sabit boşluk aracı |