[flutter]Container 영역 및 간단한 옵션 정리

플러터에서 Container를 사용하는 경우가 많은데 Container영역이 생각한 것과 다를 때가 있습니다. Container영역에 대해 자세하게 알아보겠습니다.

 

 

▣ Container의 영역

Container의 영역은 child가 없을 때는 가능한 큰 영역을 가지려고 하는 특성이 있습니다. 그래서 Scaffold에 child 없는 Container의 영역은 화면 전체입니다.

하지만 Container가 child를 가지게 되면 해당 child만큼의 영역만 가지게 됩니다. child: Text('abc')와 같이 코딩을 하면 abc문자열만큼만 Container영역이 됩니다.

 

▣ Container 특징

Container는 멀티 child를 가질 수 없습니다. 단 하나의 child만 가질 수 있는 것이 특징입니다.

 

▣ Container 옵션

Container에서 가장 많이 사용하는 옵션은  color, child, width, height, margin, padding 등이 있습니다. 

color: Colors.red,
child: Text('hello'),
width: 100,
height: 100,
//margin: EdgeInsets.all(20),
margin: EdgeInsets.symmetric(
  horizontal: 100,
  vertical: 20,
),
padding: EdgeInsets.all(20),