[flutter] SliverGrid SliverGridDelegateWithMaxCrossAxisExtent

maxCrossAxisExtent 컬럼의  최대 넓이로 row child 갯수 생성

  SliverGrid(
    gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
      maxCrossAxisExtent: 200,
      mainAxisSpacing: 1.0,
      crossAxisSpacing: 1.0,
      childAspectRatio: 2.0,
    ),

 

minCrossAxisExtent이 없으므로 계산을 통해서 컬럼의 최소 넓이로 row child 갯수를 생성

  double deviceWidth = MediaQuery.of(context).size.width;
   
  SliverGrid(
    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: (deviceWidth / 100).floor() != 0 ? (deviceWidth / 100).floor() : 1,
      mainAxisSpacing: 1.0,
      crossAxisSpacing: 1.0,
      childAspectRatio: 2.0,
    ),