About

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

We’ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.