FlutterFlow 기초 - #12 레이아웃 위젯 PageView

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

 페이지뷰(PageView) 위젯은 하나의 화면에서 다수의 페이지가 필요할 때 사용하는 위젯으로 주로 온보딩 페이지를 구현할 때 사용함.

 

Properties 설정하기

1) Padding & Alignment

• PageView 전체의 Padding과 Ailgnment를 설정

2) PageView Properties

• Width & Height : 페이지뷰의 가로, 세로 넓이를 설정
• Axis : 페이지 뷰를 넘기는 방식 설정(Horizontal 은 좌우, Vertical은 위아래로 페이지 넘김)
• Allow swipe scroling : 화면 스크롤 여부 설정(기본으로 활성화 되어 있으며, 비활성 시 아래 Indicator을 눌러 이동)
• Margin : 기본적으로 Indicator를 고려하여 아래 마진이 설정되어 있음
• Initial Page Index : 최초 보여질 페이지를 설정(첫번째 페이지가 0번)

3) Indicator Properties

• Show Indicator : Indicator의 표시 여부 설정
• Indicator Alignment : Indicator 위치 설정(0~1사이의 값)
• Padding : Indicator 패딩 설정
• Active & Inactive Color : 선택된/선택되지 않은 Indicator 색상 설정
• Dot Width & Height : Indicator의 크기 설정
• Expansion Factor : 선택된 Indicator 넓이 설정
• Spacing : Indicator간의 간격 설정
• Border Radius : Indicator의 모서리 각도 설정