아래처럼 컨테이너를 가운데로 정렬하려고 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)),
'Flutter' 카테고리의 다른 글
[Flutter] localhost refused to connect 에러 (0) | 2022.04.11 |
---|