Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
load_items cover
Package detailsv0.6.0

load_items

Load more items when scrolling to the bottom of a ListView or GridView.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
22
Likes
6
Pub points
150

Install package

flutter pub add load_items

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

The load_items package simplifies infinite scrolling in Flutter by automatically loading more items when the user reaches the bottom of a ListView or GridView. It provides a clean, reusable solution for pagination and lazy loading without requiring complex custom logic. The package integrates seamlessly with existing scrollable widgets and supports multiple platforms including mobile, web, and desktop. It is ideal for apps that display long lists of data, such as feeds, product catalogs, or chat histories. With minimal setup, developers can enhance user experience by loading content dynamically as users scroll.

Use cases

  • Infinite scroll feeds
  • Product listing pages
  • Chat message loading
  • Dynamic data grids
  • User profile timelines

Key features

  • Automatic bottom detection
  • Simple integration with ListView/GridView
  • Cross-platform support
  • Configurable loading thresholds
  • Built-in loading state management

Suitable for

  • Developers building scrollable lists
  • Apps with dynamic content
  • Pagination-heavy UIs
  • Mobile and web applications
  • Projects needing lazy loading

Considerations

  • Requires proper handling of async data fetching
  • May need custom error states
  • Not suitable for fixed-length lists
  • Depends on scroll position accuracy
  • Best paired with state management solutions

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

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.

Categories

Pagination & Lazy Loading

Source repository

Projects using this package

No data available yet.