[FLUTTER] 모바일 프로그래밍(6) - 위젯 위치 설정

이번엔 이전 시간에 이어서, 전체적인 배치의 설정 방법을 다뤄보겠습니다. 

 

먼저 Align을 이용해 Alignment 설정으로 다음과 같이 중앙으로 적용시킨 모습입니다. 

 

다음은 이를 이용해 값을 조정하여 하단 중앙에 배치한 모습입니다.

 

Column을 적용하여 세로 배치도 가능합니다. 

 

별도로 Positioned를 이용하여 특정 위치를 지정할 수 도 있습니다. 

 

균등 분할을 원할경우 이처럼 Expanded를 이용해 구현 가능합니다. 

 

이번 파트에서는 전체적인 배치를 조정하는 구체적인 방법을 다루었으며 이를 이용해 전반적인 UI의 디자인을 보다 다채롭게 구현할 수 있는 방법을 알아보았습니다. 많은 종류를 알아갈 수 있었고, 표현방법을 넓힐 수 있어 굉장히 의미 있는 수업이었습니다.