[Flutter] 3. 캐릭터 페이지 디자인 1: 위젯 정리 -by 코딩셰프

body: Padding(...)

 

Body에 Padding을 주고,

 

padding 속성에 EdgeInsets.fromLTRB(0.0,0.0,0.0,0.0) 을 넣으면 위와 같이 UI가 배치됩니다!

 

 

 

Column의 mainAxisAlignment 속성을 :  MainAxisAlignment.center 로 설정하면 위와 같이 중앙에 위치하며,

padding 값을 조절하여 추가적인 UI 변경을 할 수 있습니다.

 

 

 

 

Center

 

 

body의 속성을 Center로 설정하고 mainAxisAlignment 속성을 주지 않으면 위와 같이 Center로 정렬 됩니다.

 

 

 

 

body의 속성을 Center로 설정하고 MainAxisAlignment.center 로 설정하면 위와 같이 가로 및 세로가 중앙으로 정렬 됩니다!