Flutter
[Flutter] Container 위젯을 가운데로 정렬하기
eunyeong
2022. 3. 21. 14:04
아래처럼 컨테이너를 가운데로 정렬하려고 crossAxisAlignment: CrossAxisAlignment.center 을 썼는데도 아무런 반응이 없었다.
body: Column(children: <Widget>[
crossAxisAlignment: CrossAxisAlignment.center,
Container(
width: 300,
height: 300,
margin: EdgeInsets.only(top: 20.0),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(10.0),
border: Border.all(color: Colors.grey, width: 1)),
container를 가운데로 정렬하려면 Center로 Container를 감싸주어야 정렬이 된다는 것을 알게 되었다.
body: Center(
child: Column(children: <Widget>[
Container(
width: 300,
height: 300,
margin: EdgeInsets.only(top: 20.0),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(10.0),
border: Border.all(color: Colors.grey, width: 1)),