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.

Libraries

load_items