Search
🍱

Grid - 그리드 뷰 그리기

WHAT IS IT?

그리드 뷰를 그릴 수 있게 해주는 위젯

HOW TO USE?

필수 파라미터
gridDelegate : SilverGridDelegate 객체 전달
행에 고정된 개수의 아이템을 보여주고자 할 때
SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, // 서브 축으로 몇개의 아이템을 배열할 것인지 crossAxisSpacing: 16, // 서브 축으로 아이템 간 여백 결정 mainAxisSpacing: 16, ),
Dart
복사
추천 행에 고정되지 않은 개수의 아이템을 보여주고자 할 때 (최대 크기로 제한)
gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent( maxCrossAxisExtent: 200, mainAxisExtent: 50, crossAxisSpacing: 12, mainAxisSpacing: 12, ),
Dart
복사
itemBuilder : Function(BuildContext, int) 타입의 객체 전달
itemBuilder: (context, index) { return //위젯 리턴 ); }
Dart
복사

상황별 사용

REFERENCE