Flutter’da, uygulamaların UI (kullanıcı arayüzü) katmanı, widget’lar kullanılarak oluşturulur. Container, Flutter’da kullanılan en temel widget’ların biridir ve belirli bir boyut ve stile sahip bir kutu oluşturmak için kullanılır.
Container widget’ı, diğer widget’lar içerebilir ve dekorasyon özellikleri kullanılarak biçimlendirilebilir. Ayrıca, margin ve padding ayarlarıyla da şekillendirilebilir.
Container, aşağıdaki özellikleri ile kullanılabilir:
- alignment: İçerik hizalaması için kullanılır.
- padding: Kenar boşlukları belirlemek için kullanılır.
- margin: Container’ın çevresindeki boşluğu ayarlamak için kullanılır.
- color: Container rengini belirlemek için kullanılır.
- decoration: Container’a stil özellikleri (örneğin, kenarlıklar, gölgeler vb.) eklemek için kullanılır.
- child: Container içeriği için kullanılır.
Örnek olarak, aşağıdaki kod parçası, bir Container oluşturur ve içeriğinde bir Text widget’ı içerir:
Container(
alignment: Alignment.center,
padding: EdgeInsets.all(16),
margin: EdgeInsets.all(8),
color: Colors.blue,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.2),
blurRadius: 5,
offset: Offset(0, 3),
),
],
),
child: Text(
'Merhaba, Flutter!',
style: TextStyle(
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.bold,
),
),
);
Yukarıdaki örnekte, Container widget’ı, belirli bir boyuta, hizalamaya ve stile sahip bir kutu oluşturur. Ayrıca, içeriği olan bir Text widget’ı içerir ve dekorasyon özellikleri (borderRadius, boxShadow) kullanılarak stil özellikleri eklenir.
Container, Flutter’da birçok farklı kullanım senaryosu için uygundur ve diğer widget’larla birlikte kullanılarak daha karmaşık arayüzler oluşturulabilir.