[flutter] gridView

Edward Hyun·2022년 11월 18일
0

app&web-dev

목록 보기
176/178

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,
}

profile
앱&웹개발(flutter, vuejs, typescript, react), 인공지능(nlp, asr, rl), 백엔드(nodejs, flask, golang, grpc, webrtc, aws, msa, nft, spring cloud, nest.js), 함수형 프로그래밍(scala, erlang)을 공부하며 정리합니다.

0개의 댓글