Flutter Tasarım Alanı

Widget'ları görsel olarak tasarlayın ve kodunu alın.

Boyut & Alan

Genişlik: 200

Yükseklik: 200

Padding: 16

Margin: 0

Stil & Renk

Arkaplan Rengi

Köşe Yumuşaklığı: 12

Kenarlık Kalınlığı: 0

Gölge Olsun mu?

Canlı Önizleme

Flutter Container

Dart Kodu

Container(
  width: 200,
  height: 200,
  padding: const EdgeInsets.all(16),
  margin: const EdgeInsets.all(0),
  alignment: Alignment.center,
  decoration: BoxDecoration(
    color: Color(0xff0ea5e9),
    borderRadius: BorderRadius.circular(12),
    
    boxShadow: [
      BoxShadow(
        color: Colors.black.withOpacity(0.1),
        blurRadius: 10,
        offset: Offset(0, 4),
      ),
    ],
  ),
  child: const Text('Flutter Container'),
)

İpucu:Bu araç, Flutter'daki en temel widget olan Container'ın özelliklerini görsel olarak denemenize yardımcı olur. Genişlik ve yüksekliği sonsuz yaparak widget'ın ekranı kaplamasını (double.infinity) sağlayabilirsiniz.