FlutterFlow 기초 - #19 레이아웃 위젯 SwipeableStack

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

  스와이프어블스택(SwipeableStack) 위젯은 카드위젯이 쌓여있는 형태로 차례대로 나오도록하는 위젯

SwipeableStack을 사용할 경우 내부요소들을 원하는 위젯들로 구성하여 꾸밀 수 있

Properties 설정하기

1) Padding & Alignment

• SwipeableStack전체의 Padding과 Ailgnment를 설정

2) SwipeableStack Properties

• Loop : 활성화 시 생성한 카드 섹션이 무한 순환됨
• Allowed Swipe Direction : 카드 섹션을 넘기는 방향을 설정
  • All : 아무방향으로 넘길 수 있음
  • Down : 아래방향으로 넘김
  • Up : 윗 방향으로 넘김
  • Left : 왼쪽 방향으로 넘김
  • Right : 오른쪽 방향으로 넘김
  • Horizontal : 좌우 방향 중 원하는 방향으로 넘김
  • Vertical : 위아래 방향 중 원하는 방향으로 넘김
• Card Display Count : 다음 순서의 카드를 몇 개 까지 보여 줄 지 설정
• Next Card Scale : 다음 순서의 카드를 얼마 만큼 보여 줄 지 설정
• Swipe Threshold : 스와이프 제스처의 민감도를 설정(0~1 의 값을 설정/1에 가까울 수록 더 많이 움직여야 함)
• Max Angle : 카드가 스와이프하는 동안 회전하는 각도 설정
• Back Card Offset : 뒷면에 배치된 카드들의 오프셋을 설정
  • Horizontal : 수평방향으로의 간격을 설정
  • Vertical : 수직방향으로의 간격을 설정
• Card Padding : 카드 섹션의 패딩을 설정(SwipeableStack가 아닌 카드 섹션의 영역에 해당)