[flutter]Center위젯과 Column위젯을 동시 사용할때 중앙정렬을 하고 싶을 때

flutter에서 Center위젯 child로 Column위젯을 사용하면 아래와 같이 세로로 중앙정렬이 되지 않는다. 이유는 Column위젯이 세로축의 상단과 하단이 정해지지 않고 무한대로 지정되기 때문에 Column위젯의 중앙이 없기 때문이다. 해결방법은 간단하다. 아래 코드를 살펴보자.

 

 

Center위젯을_사용해도_중앙정렬이_되지_않는_화면

 

 

▣ 해결방법

아래 코드와 같이 mainAxisAlignment: MainAxisAlignment.center를 사용하면 가로축과 세로축 모두 중앙정렬을 할 수 있다. 

Center위젯사용시에도_중앙정렬하는_방법(코드)

Center위젯사용하여_중앙정렬한결과화면