Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von number_pagination
Paketdetailsv1.1.6

number_pagination

Seitenzahlung mit Zahlen, ähnlich der klassischen Web-Stil-Pagination. Blättern Sie durch Seitennummern, nicht durch unendliches Scrollen!

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
4550
Likes
74
Pub-Punkte
160

Paket installieren

flutter pub add number_pagination

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

NumberPagination ist ein Flutter-Paket, das eine traditionelle, nummerische Paginierungsoberfläche bereitstellt, ideal für Anwendungen, die eine Seitennavigation über diskrete nummerierte Links erfordern. Es nachahmt klassische Web-Stil-Paginierung und ermöglicht es Benutzern, direkt zu bestimmten Seiten zu springen, anstatt sich auf unendliches Scrollen zu verlassen. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und ist somit vielseitig für plattformübergreifende Apps. Es bietet eine saubere, anpassbare Benutzeroberfläche mit integrierter Unterstützung für die Anzeige von Seitenbereichen, erster/letzter Seiten-Buttons und konfigurierbarer Gestaltung. Perfekt für datenintensive Oberflächen, bei denen präzise Navigation entscheidend ist.

Anwendungsfälle

  • Große Datensätze strukturiert anzeigen
  • Benutzerfreundliche Navigation in Dashboards erstellen
  • Implementierung der Paginierung von Suchergebnissen
  • Administrationspanels mit Seitensteuerungen erstellen
  • Direkte Seitenübergänge in Inhaltslisten aktivieren

Hauptmerkmale

  • Nummerierte Seiten-Buttons
  • Unterstützung für die Navigationssteuerung erster/letzter Seite
  • Anpassbare Stiloptionen
  • Plattformübergreifende Kompatibilität
  • konfigurierbare Seitenbereichsanzeige
  • Reaktive Gestaltung für alle Bildschirmgrößen

Geeignet für

  • Entwickler, die webähnliche Paginierung erstellen
  • Apps, die eine strukturierte Datennavigation benötigen
  • Projekte, die Usability gegenüber unendlichem Scrollen priorisieren
  • Teams, die eine Multiplattform-Deployment-Zielsetzung verfolgen
  • Benutzer, die einfache und intuitive Seitensteuerungen wünschen

Hinweise

  • Kann zusätzliche Stilisierung für benutzerdefinierte Themen erfordern
  • Nicht ideal für sehr große Datensätze ohne Leistungsoptimierung
  • Beschränkt auf numerische Navigation (kein unendliches Scrollen)
  • Erfordert manuelle Behandlung des Seiten-Datenladens
  • Am besten geeignet für Szenarien mit bekannter Gesamtanzahl an Seiten

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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

Customization Options for NumberPagination Widget

The NumberPagination widget offers a wide range of customization options to tailor its appearance and behavior to your needs. Below is a comprehensive list of these options:

Page Display

Option Type Description Default
visiblePagesCount int Number of page numbers to display at once 10
currentPage int Currently displayed page number Required
totalPages int Total number of pages available Required

Text Styling

Option Type Description Default
fontSize double Font size for the page numbers 15
fontFamily String? Font family for the page numbers null

Button Styling

Option Type Description Default
buttonElevation double Elevation of the buttons 5
buttonRadius double Radius of the buttons 0
controlButtonSize Size Size of the control buttons Size(48, 48)
numberButtonSize Size Size of the number buttons Size(48, 48)

Colors

Option Type Description Default
selectedTextColor Color Text color for the selected page button Colors.white
unSelectedTextColor Color Text color for unselected page buttons Colors.black
selectedButtonColor Color Background color of the selected page button Colors.black
unSelectedButtonColor Color Background color of unselected page buttons Colors.white
controlButtonColor Color Background color of control buttons Colors.white

Icons

Option Type Description Default
firstPageIcon Widget Icon for the "first page" button Icon(Icons.first_page)
previousPageIcon Widget Icon for the "previous page" button Icon(Icons.keyboard_arrow_left)
nextPageIcon Widget Icon for the "next page" button Icon(Icons.keyboard_arrow_right)
lastPageIcon Widget Icon for the "last page" button Icon(Icons.last_page)

Spacing

Option Type Description Default
navigationButtonSpacing double Spacing between navigation buttons 4.0
sectionSpacing double Spacing between navigation buttons and page number buttons 10.0
betweenNumberButtonSpacing double Spacing between individual number buttons 3

Callback

Option Type Description
onPageChanged Function(int) Callback function triggered when the page changes

These customization options allow you to fine-tune the appearance and behavior of the NumberPagination widget to seamlessly integrate with your app's design and functionality.

Kategorien

Pagination und Lazy Loading

Quell-Repository

Projekte, die dieses Paket verwenden