Why are proxies used in these feeds?

Proxies allow for fine-grained memory management and reference counting. This ensures that data entities persist during exit animations but are properly disposed of when no longer needed by the UI.

How does auto-pagination work in this skill?

Pagination is triggered automatically when the user reaches the 'items.length - 3' index, ensuring the next page of data loads before the user actually hits the end of the list for a seamless experience.

What is the advantage of using FeedDataSource?

It provides a reactive, standardized way to handle list state, pagination logic, and error handling, effectively separating complex business logic from the UI layer.

Can I use this for filtered or searchable lists?

Yes, the skill includes patterns for Filtered Feeds where the data source can re-fetch or filter its internal items list based on search queries, categories, or other state changes.

Flutter Feed & Pagination Expert

Name: Flutter Feed & Pagination Expert
Author: flutter-it

byflutter-it

•

185

•

Mobile Development

Implements high-performance, reactive paginated feeds and infinite scroll lists in Flutter using the FeedDataSource pattern.

This skill provides a standardized architectural pattern for building complex feeds and lists in Flutter. It leverages the watch_it package ecosystem to manage state via ValueNotifiers and Commands, specifically handling cursor-based pagination, automatic triggering of next-page fetches at specific scroll offsets, and sophisticated proxy lifecycle management for entity memory efficiency. It is ideal for developers building social media feeds, e-commerce product lists, or any application requiring robust infinite scroll capabilities with clean separation of concerns and optimized UI performance.

Key Features

01Reactive UI integration using ValueListenable and WatchingWidget

02Advanced proxy lifecycle management with delayed reference counting for smooth animations

03Automatic pagination triggers at items.length - 3 for seamless scrolling

04Standardized FeedDataSource and PagedFeedDataSource base classes

05Event bus integration for global feed updates and real-time list manipulation

06185 GitHub stars

Use Cases

01Implementing paginated product catalogs with filtering and search capabilities

02Building infinite scroll social media feeds with reactive item updates

03Managing memory-efficient lists of complex entities using the proxy pattern

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add flutter-it/watch_it feed-datasource-expert

For use in Claude.ai and ChatGPT

Download Skill