(Flutter) Container

Container

 

Container 위젯은 플러터에서 제공하는 기본 위젯 중 하나로, 하나의 위젯만 담을 수 있는 박스 형태의 위젯이다.

Container 위젯을 사용하면 사각형 모양의 박스 안에 위젯을 배치하고, 하위 위젯의 배경색, 모양, 크기를 번경하거나 간격을 조정하며, 박스의 테두리 선과 같은 스타일을 조정할 수 있다

 

Container 위젯은 하위 위젯을 가지면 하위 위젯에 맞게 크기를 가지지만, 없다면 최대한 큰 박스를 만드는 특징이 있다.

 

class MyApp extends StatelessWidget{
  Widget build(BuildContext context){
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.blue,
          title: Text(
              '위젯 실습',
              style: TextStyle(
                color: Colors.white,
              ),
          ),
        ),
        body: Container(
          color: Colors.yellow,
        )
      ),
    );
  }
}

 

 

body: Container(
          color: Colors.yellow,
          child: Text(
            'Container 위젯에 Text 위젯을 추가한 경우'
          ),
        ),

 

 

 

아니면 width와 height를 설정해서 크기를 지정한다.

 

body: Container(
  width: 100,
  height: 100,
  color: Colors.yellow,
)