Flutter AnimatedProgressIndicator
This animated Flutter widget package aims to show an animation progress indicator in reactive style. It also supports both circular and linear .
Flutter install package
flutter packages get
cd example
flutter clean
flutter run
Hot restart app with "R" to replay the animation
To run the full example app:
cd example
mv lib/main.dart tmp && mv lib/main.dart.bk lib/main.dart && mv tmp lib/main.dart.bk
flutter clean
flutter run
Getting Started
In order to use this package, do import
import 'package:advance_animated_progress_indicator/advance_animated_progress_indicator.dart';
Basic implementation can be done like below code:
import 'package:flutter/widgets.dart';
import 'package:advance_animated_progress_indicator/advance_animated_progress_indicator.dart';
Container(
alignment: Alignment.center,
margin: const EdgeInsets.all(10),
child: AnimatedLinearProgressIndicator(
percentage: _percentage,
animationDuration: const Duration(
seconds: 1,
),
label: 'Dart',
),)
Example App
You can find more examples from Example App
Objects
AnimatedLinearProgressIndicator({
Key? key,
required this.percentage,
required this.label,
this.percentageTextStyle,
this.labelStyle,
this.animationDuration,
this.indicatorColor,
this.indicatorBackgroundColor,
}) : super(key: key);
const AnimatedCircularProgressIndicator({
Key? key,
required this.percentage,
this.animationDuration,
this.percentageTextStyle,
this.indicatorColor,
this.indicatorBackgroundColor,
}) : super(key: key);
Find more about me
https://subhashdev121.github.io/subhash/#/