Worm Indicator

A Flutter PageView indicator insprired by worm animation. It can be easily integrated with any Flutter PageView. Pull requests are welcome

Features

Use with PageView to display scroll progress

Getting Started

Make sure you add the lib dependency in your flutter project.

dependencies:
  worm_indicator: 0.2.1

Then you should run flutter packages get to update your packages in your IDE.

Example Project

Checkout the project inside example folder.

Usage

Circle and Square DotShape need size. Rectangle DotShape need width and height.

WormIndicator(
  length: 3,
  controller: _controller,
  shape: Shape(
    size: 16,
    spacing: 8,
    shape: DotShape.Circle  // Similar for Square
  ),
),

WormIndicator(
  length: 3,
  controller: _controller,
  shape: Shape(
    width: 16,
    height: 24,
    spacing: 8,
    shape: DotShape.Rectangle
  ),
),

Properties:

Name	Usage	Type
`length`	Number of dots	`int`
`controller`	PageView controller	`PageController`
`shape`	Shape of dots	`Shape`
`color`	Color of normal dots	`Color`
`indicatorColor`	Color of current active dot	`Color`

Shape Constructor:

Name	Usage	Type
`width`	Width of dot (required if shape is Rectange)	`double`
`height`	Height of dot (required if shape is Rectange)	`double`
`size`	Size of dot (required if shape is Circle or Square)	`double`
`spacing`	Spacing between dots	`double`
`shape`	Shape of dots. One of Circle, Rectangle and Square	`DotShape`

Support

Email me at phuchuynh.strong@gmail.com for any support needed