Container의 decoration으로 테두리 주기

Container의 특징

- 아무런 자식이 없으면 화면에 맞게 증가한다.(block)

- 자식이 있다면 자식의 크기에 알맞게 줄어든다(inline)

 

decoration : Boxdecoration  

- 컨테이너는 하나의 박스이다  Boxdecoration을 주면 Container의 테투리 및 색깔 등 꾸밀 수 있다. 

만들때 실수 하는 것이 decoration을 준다면 Container에는 color을 주지 말고 decoration내부에 color을 줘야한다.

Container(
          width: 300,
          height: 300,
          //color : Colors.green // decoration내부에 색깔줘야한다.
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(10.0),
            color: Colors.green,
            border: Border.all(color: Colors.black), // 박스의 테두리 색깔 주기 
          ),
        ),