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.4
Then you should run flutter packages get
to update your packages in your IDE.
Example Project
Checkout the project inside example
folder.
Screenshot:
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
Source Code
Please Visit Flutter PageView indicator Source Code at GitHub