En Yeni Konular

Flutter : Expanded Ve Flexible

Expanded

Row, Column, Flex içerisindeki bir widget’i Expanded ile sarmaladığımızda, main axis’e (Row için yatay, Column için dikey) göre mevcut konumda kaplayabileceği kadar yer kaplar.

Eğer children’lar arasında bir den çok expanded ile sarmalanmış widget var ise, var olan boşluğu Flex (varsayılan = 1) değerlerine göre aralarında paylaşırlar.

Örnek Üzerinde Expanded

Row içersine o anki satıra sığmayacak şekilde 3 kutu ekleyelim ve olası hatayı görelim.

Şimdide aralarından birini Expanded ile sarmayalım ve sarmaladığımız widget’in bulunduğu konuma sığabilmek için kendini ayarladığını görelim.

Expanded ile Row
Eğer bulunan konum dar değil de geniş olsaydı bu seferde mevcut boşluk kadar kendini büyütücekti.

Flex özelliği

Birden çok elemanı Expanded ile sarmaladık ve aralarındaki orantıyı belirlemek istiyor olalım, flex özelliklerine vereceğimiz değer ile bu ortantıyı ayarlayabiliriz.

Bir kutumuzun flex değeri 1 diğerinin 2 olursa 2 olan diğerinden 2 kat daha büyük olacaktır, biri 2 diğeri 3 olursa 3’de 2’si kadar büyük olacaktır.

Expanded Flex

Flexible

Flexible da Expanded ile aynı işlevi görür ama Flexible’a extra olarak fit değeri verebiliriz. default değeri = FlexFit.loose.

Atayabileceğimiz fit değerleri;

  • FlexFit.loose : Child’ına mevcut boşluğu kaplamasını söyler ama küçülmesine izin verir.
  • FlexFit.tight : Child’ını mevcut boşluğu doldurması konusunda zorlar. (kısaca Expanded)
Flexfit

Örneğin Tamamı

Örneklerin tamamı

Hakkında Necip Akgöz

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

Flutter : SafeArea

BaşlıklarExpandedÖrnek Üzerinde ExpandedFlex özelliğiFlexibleÖrneğin Tamamı SafeArea SafeArea Widgeti sayesinde kullandığımız işletim sistemine veya telefona göre, …

Bir cevap yazın

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