Pagination Bar List Widget is a premium paginated list widget for FlutterFlow/Flutter that pairs a smooth list view with a highly customizable bottom pagination bar β giving users fast, app-like navigation through large datasets πβ‘οΈ. Itβs built for real products (catalogs, directories, media libraries, admin lists) and includes advanced styling controls so the pagination UI matches your brand perfectly.
Functionality
π Paginated list rendering with itemsPerPage and stable idList (List<String>)
π’ Advanced pagination bar with page numbers + optional Prev/Next buttons
π― Flexible layout options: centerControls, showPrevNext, and button alignment
β¬οΈ Optional autoScrollToTop with configurable autoScrollDurationMs
π§ serverMode support for backend/API pagination (Supabase/Firestore-friendly)
π onPageChanged callback to fetch data, update queries, cache pages, or track analytics
π§© Custom itemBuilder component to render any card/tile UI
π Optional useBouncingPhysics for iOS-like scroll feel
π¨ Deep styling controls for the bar and buttons:
-
barHeight, barPadding, barVPadding, barRadius, barBg
-
buttonsCount, fontSize, gap, numberColor, ellipsisColor
-
activeAsCircle, activeSize, activeMinWidth, activeRadius, activeBg
π± Tested on real devices and optimized for smooth scrolling + responsive pagination
Perfect for
ποΈ E-commerce catalogs & category pages
π Real estate listings and directories
π¬ Video/playlist libraries, podcasts, episodes
π§Ύ Orders history, invoices, admin tools
π° News feeds and content archives
Why it improves UX
Endless scroll isnβt always the best choice. A bottom pagination bar gives users control, speeds up navigation, and keeps performance stable β especially when working with server-side data.
π SEO Keywords: pagination bar list flutterflow, paginated list with bottom pagination, pagination bar widget flutter, page numbers navigation flutterflow, server side pagination widget, supabase pagination flutterflow, firestore pagination list, prev next pagination buttons, customizable pagination bar UI, onPageChanged pagination flutter
Pagination Bar List
- Fixed price & scope
- Pixel-perfect UI/UX
- App Store & Google Play submission
You may only use this template for one project. For more details, please read the Marketplace Terms of Service.

