number_pagination 1.1.0 number_pagination: ^1.1.0 copied to clipboard
Pagination using numbers, similar to the classic web-style pagination. Explore pages by numbers, not infinite scrolling!
number_pagination #
Implementing Flutter Number Pagination using a Popular Web Approach.
This package is very simple. Without depending on other packages.
Its usage is also simple and easy.
NumberPagination #
A customizable pagination widget for Flutter applications.
Overview #
NumberPagination is a Flutter widget that provides an intuitive and flexible way to implement pagination in your applications. It displays page numbers and navigation controls, allowing users to easily navigate through multiple pages of content.
Features #
- Page number buttons
- Navigation controls (first, previous, next, last)
- Customizable appearance
- Responsive design
Installation #
Add this to your package's pubspec.yaml
file:
dependencies:
number_pagination: ^1.1.0
Property | Type | Default | Description |
---|---|---|---|
onPageChanged | Function(int) | Required | Callback function triggered when the page changes. |
totalPages | int | Required | Total number of pages available. |
currentPage | int | 1 | Currently displayed page number. |
visiblePagesCount | int | 10 | Number of page buttons to display at once. |
activeColor | Color | Colors.black | Color of the active page number and icons. |
inactiveColor | Color | Colors.white | Background color for the inactive buttons. |
fontSize | double | 15 | Font size for the page numbers. |
fontFamily | String? | null | Font family for the page numbers. |
buttonElevation | double | 5 | Elevation of the buttons. |
buttonRadius | double | 10 | Radius of the buttons. |
firstPageIcon | Widget | Icon(Icons.first_page) | Icon for the "first page" button. |
previousPageIcon | Widget | Icon(Icons.keyboard_arrow_left) | Icon for the "previous page" button. |
nextPageIcon | Widget | Icon(Icons.keyboard_arrow_right) | Icon for the "next page" button. |
lastPageIcon | Widget | Icon(Icons.last_page) | Icon for the "last page" button. |
navigationButtonSpacing | double | 4.0 | Spacing between navigation buttons. |
sectionSpacing | double | 10.0 | Spacing between navigation buttons and page number buttons. |
controlButtonSize | Size | Size(48, 48) | Size of the control buttons. |
numberButtonSize | Size | Size(48, 48) | Size of the number buttons. |
betweenNumberButtonSpacing | double | 3 | Spacing between individual number buttons. |