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.
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.