Container margin
- Flutter kursu
- Başlangıç
- Ders 38/99
- 4 dk
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.
Başlangıç kodu
void main() {
// iki satır yazdır:
// margin dis bosluk
// container dis kenar
}Örnek çözüm
void main() {
print('margin dis bosluk');
print('container dis kenar');
}Beklenen çıktı
margin dis bosluk container dis kenar
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 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 Doğru cevap
Açıklama: margin parametresi Container ile dışındaki widget'lar arasına boşluk koyar.
2 Dış boşluk ver
Container(
____: EdgeInsets.all(16.0),
child: Text('Dış boşluklu'),
)Container(
margin: EdgeInsets.all(16.0),
child: Text('Dış boşluklu'),
)Açıklama: margin parametresi Container'a dış boşluk verir.
3 Container margin kavramları
| Kavram | Anlamı |
|---|---|
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 |