Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

smooth page indicator

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

smooth_page_indicator

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

smooth_page_indicator_demo_2

rtl support


smooth page indicator supports rtl.

smoothpageindicator(
  controller: controller, // pagecontroller
  count: 6,
  // set isrtl to true
  effect: wormeffect(isrtl: true), 
)

smooth_page_indicator_demo_3


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

Top