Padding widget'ı
- Flutter kursu
- Başlangıç
- Ders 36/99
- 4 dk
Padding widget'ıyla iç boşluk vermeyi öğrenirsin.
Padding widget'ı
Padding, child widget'ın etrafına iç boşluk ekleyen widget'tır. Padding widget'ı tek bir child alır ve EdgeInsets ile boşluk miktarını belirler. Container'ın padding parametresine alternatif olarak, Padding widget'ı da kullanılabilir; özellikle child tek bir widget olduğunda okunabilirliği artırır.
Padding(
padding: EdgeInsets.all(16.0),
child: Text('Boşluk içinde'),
)Padding ve Container padding
Padding widget'ı ile Container'ın padding parametresi aynı etkiyi yapar; ikisi de child ile kenar arasına boşluk koyar. Padding widget'ı sadece boşluk için kullanılırken, Container aynı zamanda decoration, margin ve renk ekleyebilir. Yalnızca boşluk gerekiyorsa Padding widget'ı daha hafiftir.
// Padding widget'ı ile
Padding(
padding: EdgeInsets.all(8.0),
child: Text('A'),
)
// Container padding ile
Container(
padding: EdgeInsets.all(8.0),
child: Text('A'),
)Uygulama Padding bilgisini yazdır
main içinde iki satırı print ile yazdır: padding ic bosluk ve edges dort kenar.
Başlangıç kodu
void main() {
// iki satır yazdır:
// padding ic bosluk
// edges dort kenar
}Örnek çözüm
void main() {
print('padding ic bosluk');
print('edges dort kenar');
}Beklenen çıktı
padding ic bosluk edges dort kenar
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Padding widget'ı ne yapar?
- Child widget'ın etrafına iç boşluk ekler Doğru cevap
- Child widget'ı döndürür
- Child widget'ı gizler
- Child widget'ı boyutlandırır
Açıklama: Padding widget'ı child widget'ın etrafına iç boşluk ekler; EdgeInsets ile boşluk miktarı belirlenir.
2 Padding widget'ı kullan
Widget build(BuildContext context) {
return ____(
padding: EdgeInsets.all(16.0),
child: Text('Boşluklu'),
);
}Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.all(16.0),
child: Text('Boşluklu'),
);
}Açıklama: Padding widget'ı child etrafına iç boşluk ekler.
3 Padding kavramları
| Kavram | Anlamı |
|---|---|
Padding |
İç boşluk veren widget |
EdgeInsets |
Boşluk miktarını tanımlayan nesne |
all |
Dört kenara aynı boşluk |
tek child |
Padding'in kabul ettiği alt widget |