A Flutter PageView Indicator has Worm animation

Last update: May 3, 2022

Overview

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.3.0

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 [email protected] for any support needed

A liquid progress indicator for Flutter

liquid_progress_indicator Liquid progress indicator for Flutter. Features Liquid circular progress indicator. Liquid linear progress indicator. Liquid

Dec 15, 2022

Page indicator for flutter, with multiple build-in layouts.

flutter_page_indicators Page indicator for flutter, with multiple build-in layouts. NOTE:This project is forked from flutter_page_indicator, because t

Jun 29, 2022

Flutter percent indicator library

Percent Indicator Circular and Linear percent indicators Features Circle percent indicator Linear percent indicator Toggle animation Custom duration o

Dec 30, 2022

Add an indicator for a progression. You can customize indicators (shape, color, ..)

dots_indicator Widget to display dots indicator to show a position (for a PageView for example). Installation You just need to add dots_indicator as a

Dec 1, 2022

A simple custom loading indicator package.

custom_loading_indicator A Flutter package to customise the loading indicators with your organisation's logo. Let's say you're a dentist and your app

Aug 10, 2020

Flutter liquid swipe - Liquid Swipe Animation Built With Flutter

Flutter Liquid Swipe liquid Swipe animation is amazing and its Created for iOS P

Dec 1, 2022

A Flutter library for gradually painting SVG path objects on canvas (drawing line animation).

drawing_animation From static SVG assets See more examples in the showcasing app. Dynamically created from Path objects which are animated over time m

Dec 27, 2022

A Flutter app with flip animation to view profiles of friends. 🌟

Flip View Made with 🔥 in India This flutter app is based on the design made Dmytro Prudnikov for Yalantis on Dribble.He describes the design as: Just

Sep 23, 2022

Timer UI animation challenge from 'Flutter Animations Masterclass'

stopwatch_flutter An IOS stopwatch challenge from Flutter Animations Masterclass - Full Course What I learned; Use timer Use ticker Create custom shap

Jan 4, 2023

Comments

Required a customised worm indicator
First of all thank you very much for making such a beautiful animated page view indicator to see the progress of scroller or swipe.

How easy it is for you to customise this package as per below customisations in existing worn indicator:

I want to show the progress of new page appearing as well as progress of old page disappearing.

I don't want worm overlapping the space between dots. White Space should be visible always.

let me know if more information is required. Thanks in advance.
improvement
opened by sohitEngg 1