En Yeni Konular

Flutter : Container

Container

Container en çok kullanılan bir kutu şeklinde düşünebileceğimiz, konumlardırma, renkverme, boyutlandırma widgetlerinin birleştirilmiş halidir. child’i olan widgete genişlik yükseklik gibi değerler verbilmemize olanak sağlar.

Örnekler Üzerinde özelliklerine bakalım

En basit kullanımı

Eğer hiç bir parametre vermeden direk olarak child widget eklersek child’ı boyu kadar yer kaplayacaktır.

Not: child vermeden kullanırsak kaplayabildiği kadar yer kaplar.

Örn : Diyelimki 200’e 200 bir kutunun içine child belirtmeden container koyarsak Container’de 200’e 200 olucaktır.

Padding Özelliği

Padding iç tarafdan yani child ile container arasında boşluk vermemizi sağlar.

Container Padding

EdgeInsets’den extend olmuş diğer kurucu methodlarıda ihtiyayımıza göre kullanabiliriz.

  • EdgeInsets.all() : Girilen değeri her tarafa eşit olarak veir
  • EdgeInsets.fromLTRB() : Sağ, sol, alt, üs olarak her köşeye istediğimiz boşluğu verebiliriz.
  • EdgeInsets.symmetric() : Yatay taraflardan ve dikey taraflardan boşluk verebiliriz.

Boyutlandırma

width ve height özelliği sayesinde istediğimiz genişlik ve uzunluğu verebilriz.

Container Height, width

Margin Özelliği

Margin de padding gibidir ama bu sefer içeriden değil dışarıdan boşluk vermemizi sağlar

farkı anlamak için resme bakalım

padding ve margin
Container Margin

Hizalama

alignment özelliği sayesinde child’ı olan widgeti container içerisinde istediğimiz yere hizalayabiliriz.

Alignment clasında hazır gelen sabitleri kullanabiliriz

Container Alignment

Sınırlandırma

constraints özelliği sayesinde Containere sınırlar ekleyebiliriz.

BoxConstraints Sınıfı sayesinde Containerin minumum ve maximum büyüklük ayarlarını yapabiliriz. Durum ne olursa olsun sınırların dışına çıkmayacaktır.

Container BoxConstraints

BoxConstraints.expand

BoxConstraint.expand kurucu methodu ile widht, height değeri veribilriz, eğer vermediğimiz değer olursa o verilmeyen taraf koşulunca ekranda yer kaplayabildiği kadar yer kaplar.

BoxConstraints.expand

Decoration

decoration özelliği sayesinde border, gradient gibi süslemeler yapabiliriz.

Decoration sınıfından extend olmuş BoxDecoration veya ShapeDecoration sınıflarını kullanabiliriz.

ShapeDecoration

ShapeDecoration borderRadius.circular

BoxDecoration

 

Hakkında Necip Akgöz

İLGİNİZİ ÇEKEBİLİR

Flutter : Expanded Ve Flexible

BaşlıklarContainerEn basit kullanımıBoyutlandırmaMargin ÖzelliğiHizalamaSınırlandırmaDecoration Expanded Row, Column, Flex içerisindeki bir widget’i Expanded ile sarmaladığımızda, main …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir