Sunday, November 6, 2022

Column positioning

 Attributes:

Column(

- mainAxisSize: MainAxisSize.Min

* Minimum alan kaplaması için kullanır

--

Column elemanlarını Sıralı sıkıştırmış. Alana yaymamış.

Dikey de yayma için;

mainAxisAlignment: mainAxisAlignment.start;  // başından itibaren yukarıdan aşağıya dizer -- varsayılan değerdir.

mainAxisAlignment: mainAxisAlignment.end;  // başından itibaren aşağıya dizer

 mainAxisAlignment: mainAxisAlignment.center;  // ortaya dizer dizer

 

mainAxisAlignment: mainAxisAlignment.spaceEvenly;  // boşluklu yayar. etraflarında eşit boşluk

mainAxisAlignment: mainAxisAlignment.spaceBetween;  //kaplayacak şekilde "aralarda" boşluklu yayar

--

sağa yasla:

crosAxisAlignment: CrossAxisAlignment.end // 

ekran elverdiğince alacağı en yüksek sayı: double.infinity

 -- ortala

crosAxisAlignment: CrossAxisAlignment.center // 

ekran elverdiğince alacağı en yüksek sayı: double.infinity

-- ekranı kaplayacak şekilde nasıl genişletiriz?

crosAxisAlignment: CrossAxisAlignment.strech // 

araya boşşluk.

margin verebiliriz veya SizedBox() kullanıyoruz.

SizedBox(height:30)

 

 

 


No comments:

Post a Comment

Ekran genişliğini ve yüksekliğini alma

  double screenWidth = MediaQuery.of(context).size.width; double screenHeight = MediaQuery.of(context).size.height; Container( height: sc...