flutter를 하기전에 vue 를하다가 와서 Row가 익숙할것만 같았다.
그런데 달랐다. 아무것도 모르는 상태에서는 아무것도 할수없어
검색하여 알아내었다.
가운데 정렬
mainAxisAlignment: MainAxisAlignment.center
이거를 Row 안에 넣어주면 된다.
왼쪽 정렬
mainAxisAlignment: MainAxisAlignment.start
오른쪽 정렬
mainAxisAlignment: MainAxisAlignment.end
양옆으로 적당히 정렬
mainAxisAlignment: MainAxisAlignment.spaceEvenly
양옆으로 조금 넓게 정렬
mainAxisAlignment: MainAxisAlignment.spaceAround
양쪽 끝으로 정렬
mainAxisAlignment: MainAxisAlignment.spaceBetween
이것 이외에도 다른 여러종류가 있따.
crossAxisAlignment: CrossAxisAlignment.center //세로축 기준으로 중앙정렬
crossAxisAlignment: CrossAxisAlignment.end //바닥쪽으로 정렬
crossAxisAlignment: CrossAxisAlignment.start //위쪽으로 정렬
Row뿐만아니라 Column에도 적용이 된다.
'Flutter > Widgets' 카테고리의 다른 글
ElevatedButton의 배경색을 그라데이션으로 만들기 (0) | 2023.08.04 |
---|---|
[flutter]Container 테두리 만드는법 (0) | 2020.08.28 |
[flutter]무한 스크롤 구현 방법. (0) | 2020.07.09 |
[flutter]Container 에 배경이미지 적용하는법 (0) | 2020.07.08 |