smooth_page_indicator

可自定义的动画页面指示器，带有一系列内置效果。

smooth_page_indicator

效果

  • 蠕虫
  • 扩展点
  • 滚动点
  • 跳动点
  • 幻灯片
  • 缩放
  • 交换

用法

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

自定义

您可以自定义宽度、高度、半径、间距、绘图样式、颜色等等……

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

平滑页面指示器支持 RTL。

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

smooth_page_indicator_demo_3

GitHub

https://github.com/Milad-Akarie/smooth_page_indicator