Marcel Krüger

Ein Progress-Button in Flutter

Zeigt einen CircularProgressIndicator wenn gedrückt

09. Mär. 2022

Beim Starten einer möglicherweise lang andauernden Aufgabe (z. B. eines API-Aufrufs) auf Knopfdruck ergibt es möglicherweise Sinn eine Fortschrittsanzeige anzuzeigen und den Button zu deaktivieren.

Demo project

Mittels eines leichtgewichtigen Wrappers um das Flutter Button Widget sowie eines Controllers kann die Problemstellung einfach gelöst werden. Ein Demo-Projekt gibt's hier.

Der Wrapper ProgressButton um eine Schaltfläche zeigt wie üblich das child Widget. Per Controller (controller des Typs ProgressButtonController) kann das Anzeigen der Fortschittsanzeige ein- und ausgeschaltet werden.