An easy to use and customizable Material Flutter Button

flutter_progress_button

flutter_progress_button is a free and open source (MIT license) Material Flutter Button that supports variety of buttons style demands. It is designed to be easy to use and customizable.

Get started

Depend on it

Add this to your package's pubspec.yaml file:

flutter_progress_button: '^0.6.2'

YAML

Install it

You can install packages from the command line:

$ flutter pub get

Alternatively, your editor might support flutter pub get.

Import it

Now in your Dart code, you can use:

import 'package:flutter_progress_button/flutter_progress_button.dart';

Dart

How to use

Add ProgressButton to your widget tree:

ProgressButton(
    normalWidget: const Text('I am a button'),
    progressWidget: const CircularProgressIndicator(),
    width: 196,
    height: 40,
    onPressed: () async {
        int score = await Future.delayed(
            const Duration(milliseconds: 3000), () => 42);
        // After [onPressed], it will trigger animation running backwards, from end to beginning
        return () {
        // Optional returns is returning a function that can be called
        // after the animation is stopped at the beginning.
        // A best practice would be to do time-consuming task in [onPressed],
        // and do page navigation in the returned function.
        // So that user won't missed out the reverse animation.
        };
    },
),

Dart

Source

Source code and examples of this library can be found in git:

$ git clone https://github.com/jiangyang5157/flutter_progress_button.git

GitHub

jiangyang5157/flutter_progress_button

92

flutter_progress_button — Read More

Latest commit to the master branch on 6-15-2019

Download as zip