flutter_cached 2.0.0 flutter_cached: ^2.0.0 copied to clipboard
🧾 Flutter widget allowing easy cache-based data display in a ListView featuring pull-to-refresh and error banners.
When building a screen that displays a cached list of items, there are many special cases to think about.
For example, on material.io there are guidelines on how to handle displaying offline data, how pull-to-refresh should be implemented and when to use error banners or empty states.
This package tries to make implementing cached ListViews as easy as possible.
loading with no data in cache | loading with data in cache | loading successful |
---|---|---|
error with no data in cache | error with data in cache | no data available |
---|---|---|
Usage #
First, create a CacheController
. This will be the class that orchestrates the fetching of data.
var cacheController = CacheController<Item>(
// Does the actual work and returns a Future<List<Item>>.
fetcher: _downloadData,
// Asynchronously saves a List<Item> to the cache.
saveToCache: _saveToCache,
// Asynchronously loads a List<Item> from the cache.
loadFromCache: _loadFromCache,
);
Then you can create a CachedListView
in your widget tree:
CachedListView(
controller: cacheController,
itemBuilder: (context, item) => ...,
errorBannerBuilder: (context, error) => ...,
errorScreenBuilder: (context, error) => ...,
emptyStateBuilder: (context) => ...,
),
CachedRawBuilder
CachedRawCustomScrollView
CachedCustomScrollView
CachedListView