Stack
위젯은 Flutter에서 다른 위젯들을 겹쳐서 표시하는 데 사용되는 레이아웃 위젯입니다. Stack
을 사용하면 여러 위젯을 동일한 공간에 쌓거나 겹칠 수 있으며, 각 위젯의 위치와 크기를 조정하여 복잡한 레이아웃을 만들 수 있습니다.
Stack
위젯은 다음 중요한 속성을 가집니다:
children
: Stack
위젯 내에 배치할 자식 위젯들의 리스트입니다. 이 자식 위젯들은 순서대로 쌓이며, 첫 번째 자식 위젯은 가장 하위에 위치하고 나중에 추가된 자식 위젯은 위에 위치합니다.alignment
: Stack
위젯 내에서 자식 위젯들의 정렬 방법을 지정하는 속성입니다. 예를 들어, Alignment.center
로 설정하면 자식 위젯들이 중앙에 정렬됩니다.fit
: Stack
위젯 내의 자식 위젯들이 어떻게 크기를 조정할지를 지정하는 속성입니다. 기본값은 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),
),
],
)