Flutter - Stack class

Stack 위젯은 자신의 엣지에 상대적으로 자식들을 배치하는 위젯입니다.

이 클래스로 간편하게 여러 자식들을 겹쳐서 배치할 수 있습니다.

 

Stack 위젯의 각 자식들은 positioned이거나, non-positioned 입니다. Positioned 자식들은 Positioned 위젯들로 감싸진 위젯들을 말합니다. Stack 위젯은 alignment에 따라 배치된 non-positioned 자식들을 모두 포함하기 위해 스스로 사이즈를 조절합니다. Positioned 자식들은 top, right, bottom, left 프로퍼티에 따라 stack 안에서 상대적으로 배치 됩니다.

 

Stack 위젯은 첫번째 자식을 가장 아래에 둡니다.(z-index를 말합니다.). 자식들의 배치 순서를 바꾸고 싶다면, stack을 새로운 순서로 rebuild하면 됩니다. 이런 식으로 자식들을 재구성하고 싶다면, 자식들에게 non-null key를 주는 것을 고려해보세요. 이 키들을 사용하면 프레임워크가 새로운 위치에 자식 위젯들을 재생성하지 않고, 존재하는 객체들을 새로운 위치에 배치합니다.

 

Stack 레이아웃 알고리즘에 대해 더 자세하게 알고 싶다면, RenderStack을 참고하세요.