[flutter] gridView

GridView 정리)
https://velog.io/@adbr/flutter-GridView-정리

maxCrossAxisExtent 이해하기

e.g. 414.0 width를 가진 디바이스가 있다 가정

max: 150 -> 300(=150 x2) < 414 / 450(=150 x3) > 414 = 1행에 그리드박스 3개
max: 200 -> 400(=200 x2) < 414 / 600(=200 x3) > 414 = 1행에 그리드박스 3개
max: 220 -> 440(=220 x2) > 414 = 1행에 그리드박스 2개
max: 400 -> 800(=400 x2) > 414 = 1행에 그리드박스 2개
max: 420 -> 420(=420 x1) > 414 = 1행에 그리드박스 1개

gridDelegate: SliverGridDelegateWithFixedCrossAxisExtent({
@required double maxCrossAxisExtent, // this size
double mainAxisSpacing = 0.0,
double crossAxisSpacing = 0.0,
double childAspectRatio = 1.0,
}