loading_overlay_pro

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

loading_overlay_pro ist ein Flutter-Paket, das einen einfachen Widget-Wrapper mit anpassbaren Ladeanimationen für Flutter-Anwendungen bereitstellt. Es ermöglicht Entwicklern, problemlos Ladeindikatoren über jedes Widget oder Bildschirm zu zeigen und die Benutzererfahrung während asynchroner Operationen zu verbessern. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux, was es vielseitig für plattformübergreifende Projekte macht. Mit minimalem Setup und intuitiven APIs integriert es sich nahtlos in bestehende Apps, um Ladezustände mit flüssigen Animationen anzuzeigen.

Anwendungsfälle

Ladeüberlagerungen während API-Aufrufe anzeigen
Fortschritt bei Formularen oder Datenverarbeitung anzeigen
Verbesserung der Benutzererfahrung während Navigationsübergängen
Feedback während Hintergrundaufgaben bereitstellen
Pull-to-Refresh mit Ladezuständen implementieren

Hauptmerkmale

Anpassbare Ladeanimationen
Einfache Integration mit bestehenden Widgets
Plattformübergreifende Unterstützung
Konfigurierbare Overlay-Aussehen
Unterstützung für mehrere Ladearten
Leichtgewichtig und leistungsstark

Geeignet für

Entwickler, die plattformübergreifende Flutter-Anwendungen erstellen
Teams, die UX mit Ladefeedback priorisieren
Projekte, die einfache, aber elegante Ladeindikatoren erfordern
Apps mit häufigen asynchronen Vorgängen
Frontend-orientierte Flutter-Entwicklung

Hinweise

Kann zusätzliche Stilisierung für komplexe Benutzeroberflächen erfordern
Eingeschränkte Anpassungsmöglichkeiten im Vergleich zu vollständigen individuellen Lösungen
Möglicher Leistungseinfluss bei verschachtelten Überlagerungen
Nicht ideal für stark animierte oder interaktive Ladebildschirme
Abhängig von einer ordnungsgemäßen Zustandsverwaltung für eine optimale Nutzung

Original-README

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

A simple widget wrapper set of loading animations for Flutter projects.

Use animation from loading_animations

Getting Started

Then import the file to your project:

import 'package:loading_overlay_pro/loading_overlay_pro.dart'

Then add the following code:

 LoadingOverlayPro({
    Key key,
    @required this.isLoading,
    @required this.child,
    this.colorBackground = Colors.black54,
    this.progressIndicator = const LoadingBouncingLine.circle(),
  });

Or customize it even more!

LoadingBouncingLine.circle(
  borderColor: Colors.cyan,
  borderSize: 3.0,
  size: 120.0,
  backgroundColor: Colors.cyanAccent,
  duration: Duration(milliseconds: 500),
);

or add header and bottom

      headerLoading: Text("App Name"),
      bottomLoading: Text("Loading..."),

For more customization, please look inside the loading animation files.

Note: all the animations come ready to go just by calling LoadingBouncingLine.square(), for example.

Many basic animations contain .circle() and .square() variations by default.

Example

To run file example, please use flutter 1.19.x or 1.20.x

Pakete, Repositories und App-Kategorien suchen