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)),