number_pagination 1.1.0 copy "number_pagination: ^1.1.0" to clipboard
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!

preview

number_pagination flutter flutter test package #

ko-fi

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.

document

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.
60
likes
0
pub points
93%
popularity

Publisher

verified publisherblogdeveloperspot.blogspot.com

Pagination using numbers, similar to the classic web-style pagination. Explore pages by numbers, not infinite scrolling!

Repository (GitHub)
View/report issues

Topics

#page #paging #web

License

unknown (license)

Dependencies

flutter

More

Packages that depend on number_pagination