tchigher / smooth_page_indicator

Flutter Smooth PageView indicators

smooth_page_indicator

Customizable animated page indicator with a set of built-in effects.

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, spacing, 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), 
)