smooth_page_indicator 0.1.0 copy "smooth_page_indicator: ^0.1.0" to clipboard
smooth_page_indicator: ^0.1.0 copied to clipboard

outdated

Customizable animated page indicators

smooth_page_indicator #

Customizable animated Page indicators

Effects #

  • Worm
  • Expanding Dots
  • Scrolling Dots
  • Jumping dot
  • Slide
  • Scale
  • Swap

Usage #


SmoothPageIndicator(
  controller: controller, // PageController
  count: 6,
  effect: WormEffect(), // your preferred effect
)

Customization #


You can customize width, height, radius, spacnig, paint style, color and more...

SmoothPageIndicator(
  controller: controller,
  count: 6,
  effect: SlideEffect(
    spacing: 8.0,
    radius: 4.0,
    dotWidth: 24.0,
    dotHeight: 16.0,
    paintStyle: PaintingStyle.stroke,
    strokeWidth: 1.5,
    dotColor: Colors.grey,
    activeDotColor: Colors.indigo
  ),
)

RTL Support #


Smooth page indicator supports RTL.

SmoothPageIndicator(
  controller: controller, // PageController
  count: 6,
  // set isRTL to true
  effect: WormEffect(isRTL: true), 
)