progress_indicator_button

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das einen anpassbaren Button bereitstellt, der sich während Aktionen wie Formularabsendung oder Ladezuständen in einen Fortschrittsindikator verwandeln kann. Es verbessert die Benutzererfahrung, indem es laufende Prozesse visuell anzeigt, ohne zusätzliche Widgets zu erfordern. Der Button animiert nahtlos vom Standardzustand in einen Ladespinner oder eine benutzerdefinierte Fortschritts-Oberfläche und kehrt nach Abschluss in sein ursprüngliches Aussehen zurück. Ideal für Formulare, Authentifizierungsabläufe und alle Szenarien, die klare Rückmeldung während asynchroner Operationen erfordern.

Anwendungsfälle

Formularübermittlung
Authentifizierungsflüsse
Ladezustandsanzeiger
Feedback zu asynchroner Operation
Benutzeraktion bestätigen

Hauptmerkmale

Glatte Übergang zum Fortschrittsindikator
Anpassbare Lade-Oberfläche
Automatisches Zustandsmanagement
Unterstützt Callbacks bei Abschluss
Leichtgewichtig und einfach zu integrieren

Geeignet für

Einfache Lade-Schaltflächen
benutzerorientierte Formulare
Mobile App-Interaktionen
Schnelle Benutzeroberflächenverbesserungen
Entwickler, die eine minimale Einrichtung suchen

Hinweise

Begrenzte Anpassungsmöglichkeiten jenseits der grundlegenden Gestaltung
Keine integrierte Unterstützung für komplexe Animationen
Abhängig von externer Zustandsverwaltung
Nicht geeignet für hochdynamische Fortschrittsbalken
Erfordert manuelle Behandlung der asynchronen Logik

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Progress Button

A simple button that gives you the possibility to transform into a circular one and shows a progress indicator.

How to use

Container(
    width: 200,
    height: 60,
    child: ProgressButton(
        borderRadius: BorderRadius.all(Radius.circular(8)),
        strokeWidth: 2,
        child: Text(
            "Sample",
            style: TextStyle(
                color: Colors.white,
                fontSize: 24,
            ),
        ),
        onPressed: (AnimationController controller) {
            if (controller.isCompleted) {
                controller.reverse();
            } else {
                controller.forward();
            }
        },
    ),
),

Please check the sample folder for a simple implementation.

Changelog

Please see the Changelog page to know what's recently changed.

Contributions

Feel free to contribute to this project.

If you find a bug or want a feature, but don't know how to fix/implement it, please fill an issue.
If you fixed a bug or implemented a new feature, please send a pull request.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Pakete, Repositories und App-Kategorien suchen

Paket installieren