BoxDecoration

BoxDecoration ile kenarlık ve köşe yarıçapı eklemeyi öğrenirsin.

BoxDecoration

BoxDecoration, Container'ın decoration parametresine verilen ve görsel süslemeleri tanımlayan nesnedir. border kenarlık, borderRadius köşe yuvarlama, color arka plan rengi ekler. BoxDecoration kullanırken Container'ın doğrudan color parametresini kullanamazsın; renk decoration içine yazılır.

Container(
  decoration: BoxDecoration(
    color: Colors.blue,
    borderRadius: BorderRadius.circular(12),
    border: Border.all(color: Colors.black, width: 2),
  ),
  child: Text('Süslü'),
)

borderRadius ve border

borderRadius, köşelerin yarıçapını belirler; BorderRadius.circular tek değer, BorderRadius.only her köşe için ayrı değer alır. border, Border.all ile dört kenara aynı kenarlığı veya Border.symmetric ile yatay/dikey farklı kenarlıkları ekler. Renk ve kalınlık parametrelerle ayarlanır.

BoxDecoration(
  borderRadius: BorderRadius.circular(8),
  border: Border.all(
    color: Colors.grey,
    width: 1.5,
  ),
)

Uygulama BoxDecoration bilgisini yazdır

main içinde iki satırı print ile yazdır: decoration susle ve borderRadius kose.

Örnek çözümü göster

void main() {
  print('decoration susle');
  print('borderRadius kose');
}

Kendini test et

BoxDecoration nereye verilir?
- Text'in style parametresine
- Container'ın decoration parametresine
- runApp fonksiyonuna
- main metoduna
Cevabı göster

Container'ın decoration parametresine — BoxDecoration, Container'ın decoration parametresine verilir; border ve borderRadius burada tanımlanır.

Köşeleri yuvarla

decoration: BoxDecoration(
  ____: BorderRadius.circular(12),
  color: Colors.blue,
),

Cevabı göster

decoration: BoxDecoration(
  borderRadius: BorderRadius.circular(12),
  color: Colors.blue,
),

BoxDecoration kavramları

BoxDecoration

Container süsleme nesnesi
borderRadius

Köşe yuvarlama
border

Kenarlık
Border.all

Dört kenara aynı kenarlık

Sıradaki ders: Özet - Text ve Container

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler