Overview.
Row 와 Column 위젯에는 주축 방향 과 교차축방향이 있다.
- MainAxisAlignment , CrossAxisAlignment
- Row 위젯
- Column 위젯
1. MainAxisAlignment , CrossAxisAlignment
MainAxisAlignment 는 주축방향을 말하며 CrossAxisAlignment는 교차축 방향을 뜻한다.
대표적으로는 Row 와 Column 위젯에 있으며 다음과 같다.
주축 방향이 가로이면 가로로 center , start , end 를 지정할 수 있고,
교차축 방향이 세로이면 세로로 center , start , end 를 지정할 수 있다.
2. Row 위젯
Row 위젯 의 주축 방향은 가로이며 , 교차축 방향은 세로다.
한마디로, 자식이 어디로 움직일 지 center ,start 등 을 사용할 수 있다.
Example
Column(
crossAxisAlignment: CrossAxisAlignment.center,
...
)
2. Column 위젯
Column 위젯 의 주축 방향은 세로 이며 , 교차축 방향은 가로다.
한마디로, 자식이 어디로 움직일 지 center ,start 등 을 사용할 수 있다.
Example
Column(
mainAxisAlignment: MainAxisAlignment.center,
...
)
'flutter & dart' 카테고리의 다른 글
flutter & dart - AspectRatio , ClipRRect (1) | 2024.02.15 |
---|---|
flutter & dart - ListView (1) | 2024.02.15 |
flutter & dart - 폰트 (font) (0) | 2024.02.13 |
flutter & dart - 컬렉션 (List , Map , Set) (0) | 2024.02.13 |
flutter & dart - 추상 클래스 , 동적 바인딩 (1) | 2024.02.06 |