[Flutter] flutter_airbnb

1. 위젯

Wrap

• 공간이 부족할 경우 자동으로 줄바꿈하며 자식 위젯들을 나열하는 위젯

• Row나 Column과 달리 줄 수가 유동적이며, 정해진 너비 안에서 여러 줄로 배치 가능

• 가변 크기의 태그, 버튼 목록 등 줄바꿈이 필요한 레이아웃에 적합

• 고정된 너비 안에서 자식들이 자동으로 다음 줄로 넘어가야 할 때

• 일반적으로 Padding, Container, Card 등의 자식 위젯으로 사용

• 가로 → 기본 방향은 왼쪽에서 오른쪽, 공간 부족 시 다음 줄로

• 세로 → 줄은 위에서 아래로 쌓임

• 내부 요소 기본 정렬:
• alignment: 한 줄 내 자식들 정렬
• runAlignment: 줄(행)들 정렬

• 가로 → 부모가 주는 제약 내에서 자식 위젯을 좌우로 나열

• 세로 → 공간 부족 시 자동 줄바꿈하며 아래로 확장

• 자식 위젯의 크기와 부모의 너비 제약에 따라 줄 수와 높이가 동적으로 결정됨

• 줄 사이 간격은 runSpacing, 항목 간 간격은 spacing으로 조절 가능

• direction → Axis | 자식 나열 방향 (Axis.horizontal / Axis.vertical)

• spacing → double | 한 줄 내 자식 위젯 간 간격

• runSpacing → double | 줄과 줄 사이 간격

• alignment → WrapAlignment | 한 줄 내 자식 정렬 (start, center, end, 등)

• runAlignment → WrapAlignment | 전체 줄들의 정렬 방식

• crossAxisAlignment → WrapCrossAlignment | 교차 축(세로)의 정렬

• clipBehavior → Clip | 넘치는 자식 위젯 클리핑 처리 방식

• textDirection → TextDirection? | 텍스트 및 정렬 방향 (ltr, rtl)

• verticalDirection → VerticalDirection | 줄을 위에서 쌓을지, 아래에서 쌓을지 설정