FlutterFlow 기초 - #8 레이아웃 위젯 GridView

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

 그리드뷰(GridView) 위젯은 가로축과 세로축으로 다수의 동일한 구성의 컨텐츠를 나열할 때 사용하는 위젯

Properties 설정하기

1) Is Horizontal

• 그리드뷰의 메인축을 기본 세로방향을 가로방향으로 변경
• 단, 기본적으로 모바일환경에서는 세로축을 메인축으로 사용하기 때문에 특수한 경우를 제외하고 세로축으로 사용하는 것을 권장

2) Cross Axis

• Cross Axis Count : 보조축의 컨텐츠 수를 설정
• Cross Axis Spacing : 보조축의 컨텐츠 사이의 간격을 설정

3) Main Axis

• Main Axis Spacing : 메인축 방향의 컨텐츠 사이의 간격을 설정
• Child Aspect Ratio : 컨텐츠의 크기의 비율을 설정(1 = 가로/세로 비율이 1:1), 값이 작을수록 메인축의 방향으로 커짐

4) Shrink Wrap

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