animated_progress_button

Description:

animated progress button

Animated Progress Button #

Animated loading button to make you app button looks smoother.
Take inspritation from Pinterest https://www.pinterest.com/pin/671177150707141229/

Usages #
Create animatedButtonController for controlling the button.
import 'package:animated_progress_button/animated_progress_button.dart';

final AnimatedButtonController animatedButtonController = AnimatedButtonController();
copied to clipboard
Then customize the button like your own way
Noted that you must call animatedButtonController.completed() after getting response from server in order to complete the button animation
AnimatedButton(
controller: animatedButtonController,
color: Colors.greenAccent,
text: 'Log in',
loadingText: 'Loading',
loadedIcon: Icon(Icons.check, color: Colors.white),
onPressed: () async {
/// calling your API here and wait for the response.
await Future.delayed(Duration(seconds: 5)); // simulated your API requesting time.
animatedButtonController.completed(); // call when you get the response
await Future.delayed(Duration(seconds: 2));
animatedButtonController.reset(); // call to reset button animation
},
),
copied to clipboard