Column
Column(컬럼) 위젯은 자식 위젯들을 세로로 쌓아 배치하는 레이아웃 컨테이너입니다.
정의 / 역할
Column 위젯은 안에 담긴 자식들을 위에서 아래로 한 열에 배치합니다. 자식들의 세로·가로 정렬과 사이 간격을 설정할 수 있고, 스크롤 앵커 기능으로 특정 자식 위치로 스크롤할 수 있습니다.
- 카테고리: Layouts
기능
| 기능 | 설명 |
|---|---|
| 세로 배치 | 자식 위젯을 위에서 아래로 한 열에 쌓습니다. |
| 정렬 | 세로(주축)·가로(교차축) 정렬 방식을 설정합니다. |
| 스크롤 앵커 | scrollAnchor를 켜면 스크립트로 특정 자식 위치까지 스크롤할 수 있습니다. |
사용 방법
- 왼쪽 위젯 팔레트에서 Layouts 카테고리를 엽니다.
- Column 항목을 캔버스로 끌어다 놓습니다.
- 자식 위젯을 Column 안으로 넣습니다.
mainAxisAlignment·crossAxisAlignment·spacing으로 정렬과 간격을 조정합니다.
속성 (Property)
| 속성 | 설명 | 기본값 | 값 / 타입 |
|---|---|---|---|
mainAxisSize | 세로 공간을 차지하는 방식 | max | min, max |
mainAxisAlignment | 세로(주축) 정렬 | start | start, end, center, spaceBetween, spaceAround, spaceEvenly |
crossAxisAlignment | 가로(교차축) 정렬 | center | start, end, center, stretch, baseline |
spacing | 자식 사이 간격 | 0 | 숫자 |
textDirection | 가로 배치 방향 | 미지정 | rtl, ltr |
verticalDirection | 세로 기준 방향 | down | up, down |
textBaseline | 베이스라인 정렬 기준 | 미지정 | alphabetic, ideographic |
clipBehavior | 넘칠 때 자르기 방식 | none | none, hardEdge, antiAlias, antiAliasWithSaveLayer |
scrollAnchor | 스크롤 앵커 기능 사용(스크립트 scrollToAnchor용) | 꺼짐(false) | 참 / 거짓 |
주의 / 팁
팁
스크립트로 특정 위치까지 스크롤하려면 scrollAnchor를 켜고, 자식에 id를 지정한 뒤 scrollToAnchor(id)를 호출합니다.
더 알아보기
팁
이 위젯을 스크립트로 제어하는 Widget Control은 Column (컬럼) Widget Control 문서에서 확인하세요.