Skip to main content Link Search Menu Expand Document (external link)


  • Container
    • child
    • margin : container 의 outside 방향으로 여백을 얼마나 둘지
    • padding : child 의 outside 방향과 container 의 inside 방향의 크기(결국 child 의 충전재 공간). 즉, padding 클수록 child 가 짜부됨.
    • decoration
    • alignment : Align the child within the container.


  • Align A widget that aligns its child within itself and optionally sizes itself based on the child’s size.


  • AspectRatio A widget that attempts to size the child to a specific aspect ratio.



  • Center Center 자체는 제약이 허락하는 한 최대한의 크기를 차지하고, child 를 중앙에 위치시킨다.


  • ConstrainedBox A widget that imposes additional constraints on its child.


  • Expanded A widget that expands a child of a Row, Column, or Flex so that the child fills the available space. 설명대로 만약에 Row, Column, Flex 의 child 로 사용하지 않을 경우 ‘Incorrect use of ParentDataWidget.’ 라는 에러가 뜬다. 꼭 정해진 제약조건을 걸어줄 widget 에 먼저 크기를 잡아주고, 그 외에 유연하게 마음대로 남은 공간을 알아서 차지하도록 둘 child 를 Expanded 로 감싸는 식으로 사용하는 방법이 일반적이다.




  • LimitedBox A box that limits its size only when it’s unconstrained. 부모가 크기 제한을 두지 않은 경우 하위 요소를 Wrap 해서 크기 제한을 주고 싶을 때 사용. 굳이 이걸 써야하나 싶기도 하다. Container 로 Wrap 해서 제한 주는거랑 현재로서는 다른게 뭔지 잘 모르겠다. 결과가 동일하다. LimitedBox 사용시 min, max 로 제한을 주는 것이 가능하긴 하다.


  • Offstage bool 값으로 자식 위젯 숨길때 사용. 쓸일이 있을까 싶다.


  • Transform 이거 동적으로 사용하려면 Animation 적용을 같이 해줘야한다. 일단은 이런 사용법이 있다, 이런 위젯이 있다 정도만 숙지.