FlutterFlow 기초 - #5 레이아웃 위젯 Stack

 레이아웃 위젯 Stack 위젯  사용방법

스택(stack) 위젯은 이미지, 텍스트 등의 자식위젯을 중첩하여 위치시킬 때 사용하는 위젯

---

Properties 설정하기

1) Padding & Alignment

• Padding : 위젯 주변으로의 여백을 설정
  
  • 상하좌우에 각각 숫자를 입력하여 조절이 가능
• Alignment : 위젯에 위치한 자식 위젯들을 정렬
  • 총 9개의 점 중 원하는 위치를 클릭하면 해당 위치로 정렬
  • -1 ~ 1 사이의 숫자를 입력하여 위치를 조절이 가능 (0,0이 중앙 정렬)

 

2) Stack Properties

• 가로(Width) & 높이(Height) : Stack의 크기(범위) 설정

• Default Child Alignment : 자식위젯의 기본 위치 설정(x, y축 -1~ 1 사이 값)

3) Stack 위젯 내 자식위젯 위치 변경

• 생성한 자식위젯을 원하는 위치로 드래그 하여 배치(단, Stack의 크기 내에서만 배치 가능)
• 자식위젯의 Alignment의 속성 값에서 값을 지정(x, y축 -1~ 1 사이 값)