본문 바로가기

정렬2

[Flutter] Column 위젯(함수)를 사용해보자 목차1. Column 위젯 소개2. Column 위젯 속성3. Column 위젯 배치4. Column 위젯 예제   1. Column 위젯 소개  Flutter의 Column 위젯은 수직 방향으로 자식 위젯들을 배열하는 데 사용.  주로 세로로 여러 위젯을 배치할 때 사용되며, 자식 위젯들은 위에서 아래로 쌓이게 된다.   2. Column 위젯 속성  MenuDrawer 위젯을 사용하려면 다음과 같은 간단한 단계   3. Column 위젯 배치 1) 수직정렬방향 Column은 세로로 위젯을 배열(Defalut).  mainAxisAlignment 속성을 사용하여 위젯들을 수직 방향으로 정렬.2) 자식 위젯의 배치 crossAxisAlignment 속성을 사용하여 자식 위젯들을 수평 방향으로 정렬.  4.. 2024. 5. 6.
[Flutter] mainAxisAlignment함수(위젯) 1. mainAxisAlignment함수(위젯)이란? 자식 위젯을 주축(main axis)을 따라 정렬하는 데 사용. Row나 Column과 같은 레이아웃 위젯 내에서 자식 위젯들을 정렬할 때 유용하게 활용됨. 2. 옵션 1) MainAxisAlignment.start 주축의 시작 부분에 자식 위젯을 정렬. 2) MainAxisAlignment.end 주축의 끝 부분에 자식 위젯을 정렬. 3) MainAxisAlignment.center 주축의 가운데에 자식 위젯을 정렬. 4) MainAxisAlignment.spaceBetween 자식 위젯 사이에 동일한 간격을 유지하면서 주축을 채운다. 5) MainAxisAlignment.spaceAround 자식 위젯 주위에 공간을 고르게 배분하여 주축을 채운다... 2024. 3. 6.