Marcel Krüger

A Progress Button in Flutter

Showing a circular progress indicator once pushed

09. Mar. 2022

When starting a possibly long running task (e.g. an API call) on a button press, you might need a progress indicator and might want to disbale the button.

Demo project

I created the lighweight wrapper ProgressButton around a Flutter standard button. As usual it shows the child. As soon as you tell it to show progress via the controller it shows a CircularProgressIndicator. It's not a lot of code, just have a look in the demo project repository.