pagination_flutter

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein modulares Paginierungskomponente für Flutter, die anpassbare Seitenindikatoren und Navigationsknöpfe bietet. Speziell für eine nahtlose Funktion auf allen Plattformen wie Android, iOS, Web, macOS, Windows und Linux entwickelt. Das Paket bietet eine saubere, reaktionsfähige Oberfläche zur Navigation durch paginierte Inhalte und ist ideal für Listen, Karussells oder jede datenintensive Benutzeroberfläche. Unterstützt sowohl manuelle als auch automatische Paginierung mit sanften Übergängen und barrierefreie Funktionen.

Anwendungsfälle

Paginierte Listen anzeigen
Bildschlitten erstellen
Datenaufwendige Dashboards erstellen
Implementierung von unendlichen Scroll-Schnittstellen
Verbesserung der Navigation in mobilen und Web-Anwendungen

Hauptmerkmale

Plattformübergreifende Kompatibilität
Anpassbare Seitenindikatoren
Eingebaute Navigationsbuttons
Reaktive Gestaltung
Barrierefreiheitssupport
Modulare Architektur

Geeignet für

Entwickler, die Multiplattform-Apps erstellen
Teams, die eine konsistente Pagination-Nutzererfahrung benötigen
Projekte, die zugängliche UI-Komponenten erfordern
Apps mit großen Datensätzen oder Inhaltscarousels
Frontend-Entwickler, die sich auf wiederverwendbare Komponenten konzentrieren

Hinweise

Erfordert die Integration mit bestehenden Listen oder Scrollansichten
Beschränkt auf visuelle Paginierung; behandelt keine Datenabrufe
Möglicherweise ist zusätzliche Logik für das dynamische Laden von Inhalten erforderlich
Nicht für extrem hohe Seitenzahlen optimiert

Original-README

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

Getting started

Installation

dependencies:
  pagination_flutter: ^0.0.8

import 'package:pagination_flutter/pagination_flutter.dart';

Preview

Usage

class _MyHomePageState extends State<MyHomePage> {
  int selectedPage = 1;

  setSelectedPage(int index) {
    setState(() {
      selectedPage = index;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Flutter Pagination"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Pagination(
              numOfPages: 10,
              selectedPage: selectedPage,
              pagesVisible: 3,
              onPageChanged: (page) {
                setState(() {
                  selectedPage = page;
                });
              },
              nextIcon: const Icon(
                Icons.arrow_forward_ios,
                color: Colors.blue,
                size: 14,
              ),
              previousIcon: const Icon(
                Icons.arrow_back_ios,
                color: Colors.blue,
                size: 14,
              ),
              activeTextStyle: const TextStyle(
                color: Colors.white,
                fontSize: 14,
                fontWeight: FontWeight.w700,
              ),
              activeBtnStyle: ButtonStyle(
                backgroundColor: MaterialStateProperty.all(Colors.blue),
                shape: MaterialStateProperty.all(
                  RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(38),
                  ),
                ),
              ),
              inactiveBtnStyle: ButtonStyle(
                shape: MaterialStateProperty.all(RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(38),
                )),
              ),
              inactiveTextStyle: const TextStyle(
                fontSize: 14,
                fontWeight: FontWeight.w700,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Additional information

Properties

Name	Type	Default	Description
numOfPages	int	0	Number of pages to be displayed
selectedPage	int	0	The currently selected page
pagesVisible	int	0	Number of pages to be visible
onPageChanged	Function	null	Function to be called when a page is selected
nextIcon	Widget	null	Widget to be displayed as the next icon
previousIcon	Widget	null	Widget to be displayed as the previous icon
activeTextStyle	TextStyle	null	TextStyle for the active page
activeBtnStyle	ButtonStyle	null	ButtonStyle for the active page
inactiveBtnStyle	ButtonStyle	null	ButtonStyle for the inactive pages
inactiveTextStyle	TextStyle	null	TextStyle for the inactive pages
spacing	double	0	Spacing between the pages

License

MIT

Author

Varun V

Issues

If you find any issues, please report them here

Pakete, Repositories und App-Kategorien suchen