page_indicator_plus 1.0.2
page_indicator_plus: ^1.0.2 copied to clipboard
A Flutter package that provides a simple and customizable page indicator.
page_indicator_plus #
A biblioteca Page Indicator Plus foi desenvolvida como uma alternativa ao pacote descontinuado flutter_page_ndicator. Ela fornece uma maneira fácil de adicionar indicadores de página animados em projetos que usam o PageController, facilitando o desenvolvimento com PageViews e similares.
Instalação #
Para instalar a biblioteca, adicione a seguinte dependência em seu arquivo pubspec.yaml:
dependencies:
page_indicator_plus:
Em seguida, execute o seguinte comando em seu terminal para instalar a biblioteca:
flutter pub get
Como usar #
Para utilizar a biblioteca Page Indicator Plus, você precisará de um PageController e do número total de páginas que você tem.
final int _pageCount = 5;
final PageController _pageController = PageController(
initialPage: 0,
);
Em seguida, adicione o widget PageIndicator ao seu widget de exibição de página (por exemplo, um PageView) e configure os parâmetros de acordo com suas necessidades.
PageIndicator(
controller: _pageController,
count: _pageCount,
size: 8,
layout: PageIndicatorLayout.WARM,
color: Colors.grey,
activeColor: Colors.blue,
scale: 0.65,
space: 10,
)
Os parâmetros de configuração são:
controller(obrigatório): o controlador de página que você está usando para o widget de exibição de página;count(obrigatório): o número total de páginas;size(opcional, padrão: 5.0): o tamanho dos indicadores de página;layout(opcional, padrão:PageIndicatorLayout.SLIDE): o layout dos indicadores de página (pode serPageIndicatorLayout.NONE,PageIndicatorLayout.DROP,PageIndicatorLayout.SLIDE,PageIndicatorLayout.COLOR,PageIndicatorLayout.SCALE, ouPageIndicatorLayout.WARM);color(opcional, padrão: Colors.grey): a cor dos indicadores de página inativos;activeColor(opcional, padrão: Colors.blue): a cor do indicador de página ativo;scale(opcional, padrão: 0.6): a escala dos indicadores de página;space(opcional, padrão: 5.0): o espaço entre os indicadores de página;dropHeight(opcional, padrão: 20.0): a altura do indicador de página quando layout forPageIndicatorLayout.DROP;
Todos layouts #
| Layout | Showcase |
|---|---|
| PageIndicatorLayout.NONE | [] |
| PageIndicatorLayout.SLIDE | [] |
| PageIndicatorLayout.WARM | [] |
| PageIndicatorLayout.COLOR | [] |
| PageIndicatorLayout.SCALE | [] |
| PageIndicatorLayout.DROP | [] |
Contribuindo #
Se você encontrar algum problema ou tiver alguma sugestão de melhoria, não hesite em abrir uma issue ou enviar uma pull request para o repositório do GitHub da biblioteca: https://github.com/johnnyCrmall/page_indicator_plus.