Flutter에서 AxisAlignment는 main과 cross가 있습니다. 2개의 차이는 Row에 대해 적용하느냐, Column에 대해 적용하느냐에 따라 차이가 있는데요, main은 기본을 뜻하지요? 그리하여 row와 같이 행, 가로가 기준일 때에는 가로방향을 뜻하고요, column과 같이 열, 세로가 기준일 때에는 세로방향을 뜻해요.
Row 위젯
- mainAxisAlignment: 'Row'에서 가로축 방향으로의 정렬을 담당합니다. 자식 위젯들이 수평 방향에서 어떻게 배치될지를 결정합니다.
- crossAxisAlignment: 'Row'에서 세로축 방향으로의 정렬을 담당합니다. 자식 위젯들이 수직 방향에서 어떻게 정렬될지를 결정합니다.
Column 위젯
- mainAxisAlignment: 'Column'에서 세로축 방향으로의 정렬을 담당합니다. 자식 위젯들이 수직 방향에서 어떻게 배치될지를 결정합니다.
- crossAxisAlignment: 'Column'에서 가로축 방향으로의 정렬을 담당합니다. 자식 위젯들이 수평 방향에서 어떻게 정렬될지를 결정합니다.
mainAxisAlignment, crossAxisAlignment
'Row'와 'Column'에서의 'mainAxisAlignment'와 'crossAxisAlignment'는 축의 방향에 따라 역할이 다릅니다. 'Row'는 가로축을 기준으로, 'Column'은 세로축을 기준으로 정렬 방식을 결정합니다.