animated_progress_button 1.0.2+1
animated_progress_button: ^1.0.2+1

Flutter Android iOS web

Are you looking for a solution to make your button become professional? This package can help you with all animation inspiration from Pinterest.

Animated Progress Button #

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

alt text

Usages #

Create animatedButtonController for controlling the button.

import 'package:animated_progress_button/animated_progress_button.dart';

final AnimatedButtonController animatedButtonController = AnimatedButtonController();

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
    },
),
5
likes
100
pub points
62%
popularity

Are you looking for a solution to make your button become professional? This package can help you with all animation inspiration from Pinterest.

Homepage
Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

nghia.tsy@gmail.com

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on animated_progress_button