En Yeni Konular

Flutter : Stack ve Positioned

Flutter Stack ve Positioned

Ekrandaki nesneleri üstüste koymamıza olanak sağlayan Stack widgeti ve stack üzerindeki nesnelerin, konumunu belirtmemize yardımcı olan Positioned widgetinin kullanımları.

Örneklerin iskeleti

Stack

Öncelikle Stack widgetimizin içerisine, birden çok widget ekleyebilmemizi sağlayan children özelliğine, 4 Container ekleyelim ve margin vererek farklı katmanlardaymış gibi görünmesini sağlayalım.

Flutter Stack

aligment

Aligment özelliği sayesinde, içerisinde bulunanların hizalanacağı tarafı belirtebiliriz.

Stack – Alignment

fit

Stack widgetimizin fit özelliğine, 3 tür Stackfit atayabilriz, bunlar;

StackFit.loose : Stack widgetimizin children widgetleri, olabildiğince az yer kaplar.

StackFit.expand : Stack widgetimizin children widgetleri, olabildiğince çok yer kaplar.

StackFit.passthrough : chidrenlar’ın kaplayacağı yer bir üst widgete bağlıdır.

Stack Fit özelliği

overFlow

overFlow özelliği sayesinde Stack widgetimizin içerisine sığmayan ögelerin ne yapılacağına karar verebiliriz.

stack overflow

Positioned

Stack içerisindeki widgetleri sarmayalarak sağdan şukadar altdan şukadar gibi değerler verip bulundukları konumları ayarlayabiliriz.

Stack ve Positioned

Stack ve Positioned Kullanımına Örnek

Stack ve Positioned Örnek

Örneğin Tamamı

Hakkında Necip Akgöz

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

Flutter : Expanded Ve Flexible

BaşlıklarFlutter Stack ve PositionedÖrneklerin iskeletiStackaligmentfitoverFlowPositionedStack ve Positioned Kullanımına ÖrnekÖrneğin Tamamı Expanded Row, Column, Flex içerisindeki …

Bir cevap yazın

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