Padding widget'ı

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.

Örnek çözümü göster

void main() {
  print('padding ic bosluk');
  print('edges dort kenar');
}

Kendini test et

Padding widget'ı ne yapar?
- Child widget'ın etrafına iç boşluk ekler
- Child widget'ı döndürür
- Child widget'ı gizler
- Child widget'ı boyutlandırır
Cevabı göster

Child widget'ın etrafına iç boşluk ekler — Padding widget'ı child widget'ın etrafına iç boşluk ekler; EdgeInsets ile boşluk miktarı belirlenir.

Padding widget'ı kullan

Widget build(BuildContext context) {
  return ____(
    padding: EdgeInsets.all(16.0),
    child: Text('Boşluklu'),
  );
}

Cevabı göster

Widget build(BuildContext context) {
  return Padding(
    padding: EdgeInsets.all(16.0),
    child: Text('Boşluklu'),
  );
}

Padding kavramları

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

Sıradaki ders: EdgeInsets

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler