EdgeInsets

EdgeInsets.all, only ve symmetric arasındaki farkı öğrenirsin.

EdgeInsets

EdgeInsets, Padding ve margin için boşluk miktarını tanımlayan nesnedir. Üç temel kurucu sunar: all dört kenara aynı değeri, only belirli kenarlara değer verir, symmetric yatay ve dikey için ayrı değerler alır.

// Dört kenara 16
EdgeInsets.all(16.0)

// Yalnızca sol ve sağ 8
EdgeInsets.only(left: 8, right: 8)

// Yatay 12, dikey 6
EdgeInsets.symmetric(horizontal: 12, vertical: 6)

all, only, symmetric farkı

all(d) tüm kenarlara d değerini verir; en basit seçenektir. only(left, top, right, bottom) yalnızca belirtilen kenarlara değer verir, belirtilmeyenler 0 kalır. symmetric(horizontal, vertical) yatay (sol+sağ) ve dikey (üst+alt) için ayrı değerler verir.

Padding(
  padding: EdgeInsets.symmetric(
    horizontal: 20,
    vertical: 10,
  ),
  child: Text('Simetrik'),
)

Padding(
  padding: EdgeInsets.only(bottom: 30),
  child: Text('Alt boşluk'),
)

Uygulama EdgeInsets bilgisini yazdır

main içinde iki satırı print ile yazdır: all dort kenar ve symmetric yatay dikey.

Örnek çözümü göster

void main() {
  print('all dort kenar');
  print('symmetric yatay dikey');
}

Kendini test et

EdgeInsets.symmetric ne alır?
- Boş değeri
- Yatay ve dikey için ayrı değerler
- Tek bir değer, dört kenara
- Belirli kenarlar için değerler
Cevabı göster

Yatay ve dikey için ayrı değerler — symmetric, yatay (sol+sağ) ve dikey (üst+alt) için ayrı değerler alır.

Yatay ve dikey ayrı

padding: EdgeInsets.____(horizontal: 20, vertical: 10),

Cevabı göster

padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),

EdgeInsets kavramları

EdgeInsets.all

Dört kenara aynı değer
EdgeInsets.only

Belirli kenarlara değer
EdgeInsets.symmetric

Yatay ve dikey ayrı
kurucu seçimi

Boşluk pattern'ine göre

Sıradaki ders: Container margin

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler