[Flutter]Container, SizedBox 위젯 사용법

Command+. 누르면 소스 보기 줄임표로 변경가능 

 

Container : 감싸는 역할

https://api.flutter.dev/flutter/widgets/Container-class.html

 Container(
            width: 300,
            height: 100,
            margin: EdgeInsets.all(32),
            //margin: EdgeInsets.only(left: 10,right: 10,top: 10,bottom: 10),
            //한쪽만 정렬하고싶은경우에만 사용
            alignment: Alignment.center,
            //컨테이너 기준으로 정렬
            child: Text('Container'),
            //color: Colors.blueAccent,
            decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(10),
                color: Colors.blueAccent),
          ),

 

SizedBox : 크기에 관련된 영역을 설정할때 사용하면 좋을것 같다.

         SizedBox(
            height: 300,
            width: 100,
            child: Text('확인용'),
          )

https://api.flutter.dev/flutter/widgets/SizedBox-class.html