Stack

박동규·2023년 11월 22일
0

Widgets

목록 보기
10/18

Stack 위젯은 Flutter에서 다른 위젯들을 겹쳐서 표시하는 데 사용되는 레이아웃 위젯입니다. Stack을 사용하면 여러 위젯을 동일한 공간에 쌓거나 겹칠 수 있으며, 각 위젯의 위치와 크기를 조정하여 복잡한 레이아웃을 만들 수 있습니다.

Stack 위젯은 다음 중요한 속성을 가집니다:

  • childrenStack 위젯 내에 배치할 자식 위젯들의 리스트입니다. 이 자식 위젯들은 순서대로 쌓이며, 첫 번째 자식 위젯은 가장 하위에 위치하고 나중에 추가된 자식 위젯은 위에 위치합니다.
  • alignmentStack 위젯 내에서 자식 위젯들의 정렬 방법을 지정하는 속성입니다. 예를 들어, Alignment.center로 설정하면 자식 위젯들이 중앙에 정렬됩니다.
  • fitStack 위젯 내의 자식 위젯들이 어떻게 크기를 조정할지를 지정하는 속성입니다. 기본값은 StackFit.loose로, 자식 위젯들은 가능한 크기로 표시됩니다. StackFit.expand로 설정하면 자식 위젯들이 Stack의 전체 공간을 채우도록 크기를 확장합니다.

Stack 위젯을 사용하여 다양한 레이아웃을 구성할 수 있으며, 예를 들어 로딩 스피너를 텍스트 위에 표시하거나 아이콘을 배경 이미지 위에 겹치는 등의 레이아웃을 쉽게 구현할 수 있습니다. 아래는 간단한 예제입니다:

Stack(
  alignment: Alignment.center,
  children: <Widget>[
    Container(
      width: 200,
      height: 200,
      color: Colors.blue,
    ),
    Text(
      '위에 텍스트',
      style: TextStyle(fontSize: 24, color: Colors.white),
    ),
  ],
)
profile
내가 원하는 것을 만들자

0개의 댓글