상세 컨텐츠

본문 제목

FlutterFlow 기초 - #13 레이아웃 위젯 Carousel

앱 개발/개발 Tool

by 2^7 2025. 3. 13. 21:00

본문

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

 캐러셀(Carousel) 위젯은 페이지에서 이미지, 텍스트 등의 콘텐츠를 순서대로 보여 줄 때 사용하는 위젯.

Properties 설정하기

1) Padding & Alignment

  • Carousel 전체의 Padding과 Ailgnment를 설정

2) Carousel Properties

  • Width & Height : 캐러셀의 가로, 세로 넓이 설정
  • Axis : 컨텐츠 배열 축 방향 설정
  • Initial index : 페이지 진입 시 처음 보여질 컨텐츠 번호(첫번재 콘텐츠가 0번)
  • Loop carousel contents : 활성화 시 콘텐츠가 계속 반복해서 순환
  • Wrap items in Center widget : 활성화 시 캐러설의 자식 위젯의 크기를 캐러설의 크기에 맞춰 자식 위젯의 크기가 변경
  • Viewport fraction : 선택되지 않은 콘텐츠를 얼마나 보여 줄지 설정
  • Shrink factor : 선택되지 않은 콘텐츠의 크기의 비율을 설정하여 보여 줄지 설정
  • Auto Play Properties : 콘텐츠 자동 순환 설정
    • Enable auto play : 활성화 시 콘텐츠가 설정한 값에 따라 지속적으로 변경 됨

 

728x90

관련글 더보기