[Flutter] Object 활용하여 리스트뷰에 적용해보기

안녕하세요. 뿔테 안경의 플러터 이야기입니다. 오늘은 object를 활용해 리스트 뷰를 작성하는 방법을 배워 함께 공유하려고 합니다.

저는 책 카테고리를 만들기 위해서 ListView를 활용했습니다.

image라는 Object를 만들어 각각의 카테고리의 이름과 이미지를 key, value 형태로 저장했습니다.

저는 ListView.builder에 count를 4로 설정했지만 object에 length로 길이 설정을 하시는 것을 권장드립니다.

다음 image에 DecorationImage를 불러와 미리 저장해놓은 경로 lib/assets/에 objectValues의 index를 추가해줍니다.

저는 container에 사이즈를 미리 지정해뒀고 그 사이즈를 채우는 이미지 크기를 원했기 때문에 fit: Boxfit.cover을 사용했습니다. Text도 마찬가지로 같은 방식으로 진행하지만 values가 아닌 key값에 index를 불러와주면 되겠지요?

적용된 카테고리 이미지

독학으로 flutter을 배우고 있고 독학으로 학습할 때에 막막함을 조금은 알기에 알음알음 알아가는 정보를 함께 공유하고자 합니다. 감사합니다!