[Flutter] 06. StoreApp (5) Column과 Row 위젯

May 22, 2025

Contents

💡

수직(세로) 방향의 레이아웃 구조를 만들어주며, 그 안에 여러개의 row 위젯 등의 요소를 가질 수 있어 Child가 아닌 Children 속성을 가진다.

Row = 가로 축이 block 세로축이 inline

Column = 세로축이 block 가로축이 inline

💡

Column의 가로 값은 children의 값중 가장 큰 값에 맞춰진다. 가로 값이 작은 경우에는 가운데 정렬된다. ⇒ 가운데 정렬이 기본값. (justify-content center와 비슷함)

Row의 경우에도 마찬가지이다. children의 값중 가장 큰 값에 맞춰진다. 세로 값이 작은 경우에는 세로 방향으로 가운데 정렬된다 (align-item center와 비슷함)