EdgeInsets
- Flutter kursu
- Başlangıç
- Ders 37/99
- 4 dk
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.
Başlangıç kodu
void main() {
// iki satır yazdır:
// all dort kenar
// symmetric yatay dikey
}Örnek çözüm
void main() {
print('all dort kenar');
print('symmetric yatay dikey');
}Beklenen çıktı
all dort kenar symmetric yatay dikey
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 EdgeInsets.symmetric ne alır?
- Boş değeri
- Yatay ve dikey için ayrı değerler Doğru cevap
- Tek bir değer, dört kenara
- Belirli kenarlar için değerler
Açıklama: symmetric, yatay (sol+sağ) ve dikey (üst+alt) için ayrı değerler alır.
2 Yatay ve dikey ayrı
padding: EdgeInsets.____(horizontal: 20, vertical: 10),padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),Açıklama: symmetric kurucusu yatay ve dikey için ayrı değerler alır.
3 EdgeInsets kavramları
| Kavram | Anlamı |
|---|---|
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 |