loading_animation_widget

Paket installieren

flutter pub add loading_animation_widget

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket mit anpassbaren Ladeanimationen, Spinnern und Ladeprogressanzeigern zur visuellen Darstellung von Lade- oder Verarbeitungszuständen in Apps. Es unterstützt verschiedene Animationsstile und ist ideal, um die Benutzererfahrung bei asynchronen Operationen zu verbessern. Das Widget ist leichtgewichtig, einfach zu integrieren und funktioniert auf allen wichtigen Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Perfekt zum Anzeigen des Fortschritts beim Abrufen von Daten oder während laufender Aufgaben.

Anwendungsfälle

Anzeigen des Ladezustands während API-Aufrufe
Hintergrundverarbeitung anzeigen
Verbesserung der Benutzeroberfläche während des Datenabrufs
Anzeigen des Initialisierungsfortschritts der Anwendung
Verbesserung der Benutzererfahrung während Bildschirmübergänge

Hauptmerkmale

Mehrere eingebaute Animationsstile
Anpassbare Größe und Farbe
Plattformübergreifende Kompatibilität
Einfache Integration mit Flutter
Leichtgewichtig und leistungsstark
Unterstützt sowohl kreisförmige als auch lineare Lader

Geeignet für

Entwickler, die responsive Benutzeroberflächen erstellen
Apps, die visuelle Rückmeldung während asynchroner Vorgänge erfordern
UI/UX-Designer, die animierte Indikatoren suchen
Projekte für mehrere Plattformen

Hinweise

Kann zusätzliche Styling für komplexe Designs erfordern
Eingeschränkte Anpassung über grundlegende Eigenschaften hinaus
Nicht für extrem hohe Aktualisierungsintervalle optimiert

Original-README

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

How to use

Installation

Add loading_animation_widget: to your pubspec.yaml dependencies then run flutter pub get

 dependencies:
  loading_animation_widget:

Import

Add this line to import the package.

import 'package:loading_animation_widget/loading_animation_widget.dart';

All loading animation APIs are same straight forward. There is a static method for each animation inside LoadingAnimationWidget class, which returns the Object of that animation. Both size and color are required some animations need more than one color.

Loading animation with one color

Scaffold(
    body: Center(
      child: LoadingAnimationWidget.staggeredDotsWave(
        color: Colors.white,
        size: 200,
      ),
    ),

Loading animation with more than one color. You have to provide both required colors.

Scaffold(
    body: Center(
        child: LoadingAnimationWidget.twistingDots(
          leftDotColor: const Color(0xFF1A1A3F),
          rightDotColor: const Color(0xFFEA3799),
          size: 200,
        ),
      ),