Container margin

Container margin ile dış boşluk vermeyi öğrenirsin.

Container margin

Container'ın margin parametresi, Container ile dışındaki widget'lar arasına boşluk koyar. margin, EdgeInsets ile tanımlanır ve Padding ile aynı kurucuları (all, only, symmetric) kullanır. margin, Container'ın dış kenarı etrafında boşluk bırakırken, padding iç kenar ile child arasına boşluk koyar.

Container(
  margin: EdgeInsets.all(16.0),
  padding: EdgeInsets.all(8.0),
  child: Text('Çift boşluklu'),
)

margin ve padding birlikte

Bir Container hem padding hem margin alabilir. padding, Container kenarı ile child arasındaki boşluğu; margin ise Container ile etrafındaki widget'lar arasındaki boşluğu belirler. İkisini birlikte kullanarak, içeride nefes alan ve dışarıda da mesafe bırakan bir kart oluşturursun.

Container(
  margin: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
  padding: EdgeInsets.all(12),
  decoration: BoxDecoration(color: Colors.white),
  child: Text('Nefes alan kart'),
)

Uygulama margin bilgisini yazdır

main içinde iki satırı print ile yazdır: margin dis bosluk ve container dis kenar.

Örnek çözümü göster

void main() {
  print('margin dis bosluk');
  print('container dis kenar');
}

Kendini test et

Container margin parametresi ne yapar?
- Container içine renk verir
- Container'ı boyutlandırır
- Container'ı gizler
- Container ile dış widget'lar arasına boşluk koyar
Cevabı göster

Container ile dış widget'lar arasına boşluk koyar — margin parametresi Container ile dışındaki widget'lar arasına boşluk koyar.

Dış boşluk ver

Container(
  ____: EdgeInsets.all(16.0),
  child: Text('Dış boşluklu'),
)

Cevabı göster

Container(
  margin: EdgeInsets.all(16.0),
  child: Text('Dış boşluklu'),
)

Container margin kavramları

Container margin

Dış widget'lar arasına boşluk
margin + padding

İç ve dış boşluk birlikte
dış kenar

margin'in uygulandığı yer
EdgeInsets

margin değerini tanımlar

Sıradaki ders: Boşluk stratejisi

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler