Flutter 앱을 개발하다 보면 ListView에 이미지를 표시하는 기능이 필요한 경우가 있습니다. 이때, ListView의 각 아이템에 표시되는 이미지의 크기를 조정해야 할 수도 있습니다. 이 포스트에서는 ListView에서 아이템의 이미지 크기를 설정하는 방법을 알아보겠습니다.

이미지 크기 설정하기

ListView에서 아이템의 이미지 크기를 설정하는 방법은 간단합니다. 각 아이템의 이미지를 표시하는 부분을 Container 위젯으로 감싸고, width와 height 속성을 사용하여 이미지의 크기를 조절할 수 있습니다.

ListView.builder(
  itemCount: _items.length,
  itemBuilder: (context, index) {
    return Container(
      width: 100, // 이미지 너비
      height: 100, // 이미지 높이
      child: Image.network(_items[index].imageUrl),
    );
  },
)

위 예제에서는 ListView의 각 아이템에 표시되는 이미지의 크기를 100x100으로 설정한 것을 볼 수 있습니다.

이미지 크기 설정 시 유의사항

이미지 크기를 설정할 때에는 이미지의 비율을 유지해야 합니다. 따라서 width와 height 값이 일치하도록 설정하거나, 적절한 비율을 유지하도록 조정해야 합니다.

결론

ListView에서 아이템의 이미지 크기를 설정하는 방법은 간단하며, 이미지를 감싸는 Container 위젯의 width와 height 속성을 활용하여 쉽게 조절할 수 있습니다.

이상으로 ListView에서 아이템의 이미지 크기를 설정하는 방법에 대해 알아보았습니다.

참고 문서: Flutter ListView