flutter_colored_progress_indicators | flutter flutter


example

An alternate animated progress indicator widget for flutter's CircularProgressIndicator, LinearProgressIndicator and RefreshIndicator with Google color accents.

Features

  • Colorful CircularProgressIndicator
  • Colorful LinearProgressIndicator
  • Colorful RefreshIndicator yes that's it.

Getting Started

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  flutter_colored_progress_indicators: ^1.2.0

In your library add the following import:

import 'package:flutter_colored_progress_indicators/flutter_colored_progress_indicators.dart';

After that run flutter pub get

For help getting started with Flutter, view the online documentation.

Usage

For Circular Progress Indicator -

...
child: ColoredCircularProgressIndicator()
...

For Linear Progress Indicator -

...
child: ColoredLinearProgressIndicator()
...

For Refresh Indicator -

...
child: ColoredRefreshIndicator(
  child: SingleChildScrollView(
    physics: AlwaysScrollableScrollPhysics(),
    child: ...
  )
)
...

Properties

Same as that of Flutter's official CircularProgressIndicator, LinearProgressIndicator and RefreshIndicator but without the valueColor/color property (because it changes with the color animation).

Changelog

See CHANGELOG.md for recent changes.

TO-DO

  • x Merge changes from official flutter dev branch
  • Shorter names for indicators
  • x Google color accents
  • Animation speed control factor
  • x Refactoring

Contributions

You can be of great help if you want to improve or add anything !

  • If you found a bug, open an issue.
  • If you have a feature request, open an issue.
  • If you want to contribute, submit a pull request.

License

Package licensed under the MIT License.

Libraries

flutter_colored_progress_indicators