flutter_progress_button

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

flutter_progress_button ist ein anpassbarer, Open-Source-Material-Design-Button für Flutter, der verschiedene Stile und Fortschrittszustände unterstützt. Mit Fokus auf Einfachheit und Flexibilität wurde er entwickelt, um Entwicklern die Integration von Ladeindikatoren, Erfolgszuständen und benutzerdefinierten Animationen in Schaltflächen zu erleichtern. Das Paket ist unter der MIT-Lizenz verfügbar und für eine nahtlose Integration in jedes Flutter-Projekt konzipiert. Es verbessert die Benutzererfahrung durch visuelle Rückmeldungen bei Aktionen wie Formularabsendungen oder Datenabrufen.

Anwendungsfälle

Formulariumschickung mit Ladezustand
Benutzer-Authentifizierungsflüsse
Daten-Speicherungsoperationen
Interaktive Benutzeroberflächenelemente mit Feedback
Anpassbare Button-Übergänge

Hauptmerkmale

Unterstützt Lade- und Erfolgszustände
Hochgradig anpassbare Erscheinung
Einfache Integration mit Flutter
Material Design-konform
Animierte Übergänge zwischen Zuständen

Geeignet für

Entwickler, die interaktive Formulare erstellen
Teams, die konsistente Button-Styling benötigen
Projekte, die visuelle Rückmeldung bei Aktionen erfordern
UI-intensive Anwendungen
Open-Source-Beiträger, die leichte Komponenten suchen

Hinweise

Eingeschränkte plattformspezifische Anpassung
Keine integrierte Unterstützung für nicht-Material-Themen
Erfordert manuelle Behandlung der asynchronen Logik
Nicht für komplexe Zustandsmaschinen optimiert
Abhängig vom Material-Paket von Flutter

Original-README

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

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: '^1.0.0'

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';

How to use

Add ProgressButton to your widget tree:

ProgressButton(
    defaultWidget: 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 VoidCallback that will 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 VoidCallback.
        // So that user won't missed out the reverse animation.
        };
    },
),

More parameters:

ProgressButton({
    Key key,
    this.defaultWidget,
    this.progressWidget,
    this.onPressed,
    this.type = ProgressButtonType.Raised,
    this.color,
    this.width = double.infinity,
    this.height = 40.0,
    this.borderRadius = 2.0,
    this.animate = true,
}) : super(key: key);

Three types supported:

enum ProgressButtonType {
    Raised,
    Flat,
    Outline,
}

Source

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

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

Pakete, Repositories und App-Kategorien suchen