Flutter Day 6-1: Stack 위젯과 Positioned 활용
·
🖥️Frontend/Flutter
Flutter에서 UI를 만들다 보면, 위젯들을 겹쳐서 배치해야 하는 경우가 많습니다. 이때 Stack 위젯을 사용하면 위젯을 쉽게 겹치고 원하는 위치에 배치할 수 있습니다. 오늘은 Stack 위젯과 함께 Positioned 위젯을 이용한 겹쳐진 레이아웃 구현 방법을 알아보겠습니다.Stack Stack 위젯은 여러 자식 위젯을 겹쳐서 배치할 수 있게 해주는 컨테이너입니다.기본 동작: 자식 위젯들은 오버레이(겹침) 구조로 배열됩니다.순서: Stack의 리스트 순서에 따라 앞쪽에 추가된 위젯이 화면에서 아래쪽에 위치합니다.주요 속성alignment:Stack 내 모든 자식 위젯의 기본 정렬 위치를 설정합니다.예: Alignment.topLeft, Alignment.center, Alignment.bottom..