상세 컨텐츠

본문 제목

FlutterFlow 기초 - #7 레이아웃 위젯 ListView

앱 개발/개발 Tool

by 2^7 2025. 2. 27. 21:00

본문

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

 리스트뷰(ListView) 위젯은 동일한 형식의 레이아웃 구성을 반복적으로 나열해야 할 때 사용하는 위젯

 

Properties 설정하기

1) Axis

  • Vertical : 리스트 정렬을 수직으로 설정
  • Horizontal : 리스트 정렬을 수평으로 설정
  • 단, 수직방향으로 제작된 리스트를 수평방향으로 변경할 경우 에러가 발생함으로 수평방향에 맞는 형식으로 재구성

2) Spacing

  • item Spacing : 리스트간의 공간을 설정
  • Apply to Start & End : 리스트간의 공간을 처음과 끝에도 적용
  • Start Spacing : 처음의 리스트 위치의 공간을 설정(리스트 시작의 여백)
  • End Spacing : 마지막 리스트 공간을 설정(리스트 마지막의 여백)

3) Shrink Wrap 

  • 활성화 시 리스트뷰의 자식 위젯의 범위만큼만 리스트뷰의 공간을 설정
  • 비활성 시 캔버스의 크기만큼 리스트뷰의 공간을 설정

4) Primary : 기본 스크롤 작업 설정(콘텐츠의 크기에 관계없이 스크롤 설정이 됨)

5) Reverse : 순서 역방향 설정

6) Reorderable : 재정렬 활성화

 

728x90

관련글 더보기