[flutter] 플러터 GridView에서 아이템의 크기를 동적으로 조절하는 방법은?

18 Dec 2023

flutter

플러터에서 GridView를 사용할 때, 아이템의 크기를 동적으로 조절하고 싶을 때가 있습니다. 이를 위해 GridView.builder와 SliverGridDelegateWithFixedCrossAxisCount를 함께 사용하여 아이템의 크기를 조절할 수 있습니다.

GridView.builder(
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 2,
    mainAxisSpacing: 10.0,
    crossAxisSpacing: 10.0,
    childAspectRatio: itemAspectRatio, // 동적인 아이템 크기를 위한 변수 사용
  ),
  itemBuilder: (context, index) {
    return Container(
      // 아이템 위젯 구성 요소
    );
  },
  itemCount: itemCount,
)

여기서 itemAspectRatio는 아이템의 너비와 높이 비율을 결정하는 변수입니다. 이를 통해 각 아이템의 크기를 동적으로 조절할 수 있습니다.

이와 같이 SliverGridDelegateWithFixedCrossAxisCount를 이용하여 GridView의 아이템을 동적으로 조절할 수 있습니다.