본문 바로가기

Flutter-플러터/플러터로 첫 코딩!

플러터로 첫 코딩하기 ! -16 Container

반응형

Container  = 컨테이너 = 화물 박스 

 

이렇게 생각나는 건 저뿐일까요 ㅎㅎ?

 

 큰 배에 짐을 실을 때 큰 박스를 컨테이너라고 부르죠.

 

플러터 위젯을 만들 때 Container를 그렇게 생각하셔도 무방합니다. 

 

미국에서는 컨테이너를 작은 박스에도 사용합니다. 예를 들어 식당에서 음식먹고 포장 할 때 "남은거 싸가게 컨테이너 하나 줘" 라고 표현하기도 합니다. 무언가를 담는 것 즉 Container의 유래입니다. 

-호민님 설명 인용-

 

Container안에 정말 다양한 위젯들을 담을 수 있습니다. 그래서 다른 위젯들보다 자주 쓰이는 것 같습니다. 

 

 

저번시간에 Column과 Row를 설명할 때 신도시의 "도로"역할, 즉 신도시를 지을 때 가이드 라인이라고 말씀드렸습니다.

 

Container는 그 도로 옆에 놓일 건물들이라고 생각하면 됩니다.  그 건물들이 교회가 될 수 도 있고, 사무실이 될 수도 있고, 시청이 될 수 도 있습니다. 그래서 그 건물을 = Container라 생각하시면 됩니다. 그 건물에 특성을 넣고 싶으면 아래와 같이 다양한 위젯을 넣으시면 됩니다. 

 

 

 

Column으로 가이드 라인을 만들고 

3개의 Container를 만들었습니다. 1번은 Text, 2번은 Image 3번은 TextField 입니다. 

 

여기서 중요한건 Container안에는 한가 지 위젯만 만들어 줄 수 있습니다.  (물론 Container 안에 Column이나Row를 넣고 넣을 수 있지만 되는게 있고,, 안되는게 있어서 지금은 한 가지 위젯만 넣을 수 있다! 기억해도 충분합니다.)

 

 

다음시간에는 Container 를 꾸미기, 활용법에 대해 알아보겠습니다. 

 

 

 

 

728x90
반응형