pagination_flutter

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um componente modular de paginação para Flutter que fornece indicadores de página personalizáveis e botões de navegação. Projetado para funcionar perfeitamente em todas as plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. O pacote oferece uma interface limpa e responsiva para navegar por conteúdo paginado, sendo ideal para listas, carrosséis ou qualquer interface com muitos dados. Suporta paginação manual e automática com transições suaves e recursos de acessibilidade.

Casos de uso

Exibindo listas paginadas
Criando sliders de imagem
Criando painéis de dados intensivos
Implementando interfaces de rolagem infinita
Melhorando a navegação em aplicativos móveis e web

Principais recursos

Compatibilidade multiplataforma
Indicadores de página personalizáveis
Botões de navegação embutidos
design responsivo
Suporte de acessibilidade
Arquitetura modular

Indicado para

Desenvolvedores de aplicativos multiplataforma
Equipes que precisam de uma experiência do usuário de paginação consistente
Projetos que exigem componentes de interface acessíveis
Aplicativos com grandes conjuntos de dados ou carrosséis de conteúdo
Desenvolvedores front-end focados em componentes reutilizáveis

Considerações

Requer integração com listas ou visualizações de rolagem existentes
Limitado à paginação visual; não trata a busca de dados
Pode ser necessário lógica adicional para carregamento dinâmico de conteúdo
Não otimizado para contagens extremamente altas de páginas

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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

Buscar pacotes, repositórios e categorias de apps