Flutter 플러터: mainAxisAlignment, crossAxisAlignment (가로,세로 정렬) (2)

Column과 Row은 Flutter에서 주로 사용되는 선형 레이아웃 위젯입니다. 이 두 위젯은 여러 자식 위젯들을 수직 또는 수평으로 배열하는 데 사용됩니다.

crossAxisAlignment과 mainAxisAlignment은 이러한 선형 레이아웃들에서 자식 위젯들의 정렬을 조정하는 데 사용되는 속성입니다.

1. mainAxisAlignment:

   • 주 축 (main axis)에 따른 자식들의 정렬을 결정합니다.
   • Column에서 주 축은 수직 방향이고, Row에서 주 축은 수평 방향입니다.
   • 가능한 값들: center, start, end, spaceBetween, spaceAround, spaceEvenly 등이 있습니다.

2. crossAxisAlignment:

   • 교차 축 (cross axis)에 따른 자식들의 정렬을 결정합니다.
   • Column에서 교차 축은 수평 방향이고, Row에서 교차 축은 수직 방향입니다.
   • 가능한 값들: center, start, end, stretch 등이 있습니다.

차이점 요약:

• mainAxisAlignment은 위젯의 주 축 (수직 또는 수평)에 따른 정렬을 조정합니다.
• crossAxisAlignment은 위젯의 교차 축 (수평 또는 수직)에 따른 정렬을 조정합니다.

예를 들어, Column에서 mainAxisAlignment은 수직 정렬을 조정하고 crossAxisAlignment은 수평 정렬을 조정합니다. 반대로 Row에서는 mainAxisAlignment이 수평 정렬을, crossAxisAlignment이 수직 정렬을 조정합니다.