본문 바로가기
Mobile Develop/Flutter

[Flutter] Center 위젯

by nyangzzi 2022. 3. 18.
반응형

 

Center

 

중앙으로 정렬 시키고 싶을 때는 center 라는 위젯을 사용하여 정렬 시킬 수 있다.

예를 들어 아래와 같은 코드를 정렬시키고 싶다면, 그냥 그대로 Center로 감싸면 된다.

 

 

[정렬 전]

Container(
	color: Colors.red,
	width: 100,
	height: 100
)

 

 

[가운데 정렬 후]

Center(
	child:Container(
  		color: Colors.red,
  		width: 100,
  		height: 100
	)
)

 

 

코드 변경 후 가운데로 정렬이 잘 되는 것을 확인 할 수 있다.

 

 

[정렬 전/후 실행 결과]

반응형

'Mobile Develop > Flutter' 카테고리의 다른 글

[Flutter] Align 위젯  (0) 2022.03.18
[Flutter] Padding 위젯  (0) 2022.03.18
[Flutter] GridView 위젯  (0) 2022.03.17
[Flutter] Stack 위젯  (0) 2022.03.17
[Flutter] 화면에 가득 차도록 위젯 사이즈 full로 설정하기  (0) 2022.03.17

댓글