Row
Row(로우) 위젯은 자식 위젯들을 가로로 나란히 배치하는 레이아웃 컨테이너입니다.
정의 / 역할
Row 위젯은 안에 담긴 자식들을 왼쪽에서 오른쪽으로 한 줄에 배치합니다. 자식들의 가로·세로 정렬과 사이 간격을 설정할 수 있습니다.
- 카테고리: Layouts
기능
| 기능 | 설명 |
|---|---|
| 가로 배치 | 자식 위젯을 왼쪽에서 오른쪽으로 한 줄에 나열합니다. |
| 정렬 | 가로(주축)·세로(교차축) 정렬 방식을 설정합니다. |
| 간격 | 자식 사이 간격을 지정합니다. |
사용 방법
- 왼쪽 위젯 팔레트에서 Layouts 카테고리를 엽니다.
- Row 항목을 캔버스로 끌어다 놓습니다.
- 자식 위젯을 Row 안으로 넣습니다.
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 |
주의 / 팁
팁
자식을 남는 공간에 맞춰 늘리려면 자식에 Flexible/Expanded 계열 설정을, 세로로 꽉 채우려면 crossAxisAlignment를 stretch로 설정합니다.
더 알아보기
팁
이 위젯을 스크립트로 제어하는 Widget Control은 Row (로우) Widget Control 문서에서 확인하세요.