패키지, 저장소 및 앱 카테고리 검색

load_items 표지
패키지 상세v0.6.0

load_items

ListView 또는 GridView를 아래로 스크롤할 때 더 많은 항목을 로드합니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
22
좋아요
6
Pub 점수
150

패키지 설치

flutter pub add load_items

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

load_items 패키지는 사용자가 ListView 또는 GridView의 하단에 도달했을 때 자동으로 더 많은 항목을 로드함으로써 Flutter에서 무한 스크롤을 단순화합니다. 복잡한 사용자 정의 로직 없이도 페이지네이션과 레이지 로딩을 위한 깔끔하고 재사용 가능한 솔루션을 제공합니다. 기존의 스크롤 가능한 위젯과 원활하게 통합되며 모바일, 웹, 데스크톱 등 다양한 플랫폼을 지원합니다. 피드, 제품 카탈로그, 채팅 기록과 같은 긴 데이터 목록을 표시하는 앱에 이상적입니다. 최소한의 설정만으로 사용자가 스크롤할 때 동적으로 콘텐츠를 로드하여 사용자 경험을 향상시킬 수 있습니다.

사용 사례

  • 무한 스크롤 피드
  • 제품 목록 페이지
  • 채팅 메시지 로딩 중
  • 동적 데이터 그리드
  • 사용자 프로필 타임라인

주요 기능

  • 자동 하단 감지
  • ListView/GridView와의 간단한 통합
  • 크로스 플랫폼 지원
  • 사용자 지정 가능한 로딩 기준
  • 내장된 로딩 상태 관리

적합한 대상

  • 스크롤 가능한 목록을 구축하는 개발자
  • 동적 콘텐츠를 가진 앱
  • 페이지네이션 중심의 UI
  • 모바일 및 웹 애플리케이션
  • 지연 로딩이 필요한 프로젝트

고려 사항

  • 비동기 데이터 가져오기에 적절한 처리가 필요합니다
  • 사용자 정의 오류 상태가 필요할 수 있습니다
  • 고정 길이 목록에 적합하지 않습니다
  • 스크롤 위치 정확도에 따라 다릅니다
  • 상태 관리 솔루션과 가장 잘 어울림

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

load_items

Load new items into either a list or a grid as you scroll down.

screencast

Features

  • load new items when scrolling to the bottom of a ListView or GridView
  • pagination support by passing the previous items to ItemsLoader
  • add custom widget builders for items, loaders and empty widgets
  • configurable ListView and GridView
  • configure when to load more via loadScrollFactor
  • pull-to-refresh to reload data
  • force refresh using a Listenable
  • scroll to top using a Listenable
  • fade out bottom if more option

Example

LoadItems<Item>(
	type: LoadItemsType.grid,
	itemBuilder: (context, Item item, int index) {
		return ListTile(title: item.title);
	},
	itemsLoader: (List<Item> currentItems) {
		return await Api.fetch({skip: currentItems.length});
	},
	gridCrossAxisCount: 3,
)

See example for full list and grid example.

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.