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.