anzeigen: laden, aktualisieren, fortschritt
Top Flutter Indikatoren: Laden, Aktualisieren, Fortschrittspakete Ein Indikator ist ein kleines animiertes grafisches Symbol (Spinner genannt), das den Status einer bestimmten Aufgabe oder eines Prozesses anzeigt, wie zum Beispiel den Status einer Netzwerkanforderung, das Laden von Assets oder Bildern oder den Fortschritt einer Aufgabe. Viele Indikatoren enthalten auch eine Textbeschriftung, die zusätzliche Informationen zum Status der Anwendung oder des Prozesses liefert. Oft führt die Flutter-App eine asynchronen Operation aus, und es ist notwendig, zu verhindern, dass der Benutzer während dieser Operation auf den Bildschirm tippt oder die App verwendet. Die Operation kann sehr schnell sein, aber manchmal kann sie aufgrund der Netzwerkverbindung und anderer Gründe etwas länger dauern. Um zu verhindern, dass Benutzer versehentlich zweimal auf die Schaltfläche tippen oder Eingaben ändern, kann während des Vorgangs ein Ladeindikator in einem Overlay angezeigt werden. Dieser Overlay-Indikator wird auch als Heads-up-Display (HUD) bezeichnet. Basierend auf der Funktionalität gibt es in Flutter verschiedene Arten von Indikatoren: * **Ladeindikator** - Es handelt sich um einen kreisförmigen oder linearen Indikator, der animiert, während die zeitaufwändige Aufgabe im Gange ist. Neben dem Indikator kann er auch mit einem Text wie "Laden" gekoppelt werden. * **Fortschrittsindikator** - Fortschrittsindikatoren sind ähnlich wie Ladeindikatoren, und sie informieren den Benutzer auch über den Status des laufenden Prozesses, wie z.B. den Fortschritt in Prozent, den Stand des Fortschritts usw. Sie können auch verfügbare Aktionen kommunizieren und anzeigen, wie z.B. ob Benutzer von der aktuellen Seite navigieren können. Zum Beispiel kann in einer Hyperlocal-Liefer-App der Benutzer nach Abschluss des Zahlungsschritts von der Seite navigieren, während der Fortschrittsindikator weiterhin aktualisiert wird. * **Auffrischungsindikator** - Immer wenn ein Benutzer die Wischgeste zum Aktualisieren ausführt, d.h. die vertikale Wischgeste, um eine Rückrufmethode auszulösen, die Daten aktualisiert, wird eine charakteristische Fortschrittsleiste angezeigt. Dieser Fortschrittsindikator wird auch als Aktualisierungsindikator bezeichnet. Die vollständige Liste der Flutter-Pakete, mit denen Sie Ihrem Flutter-App einen Ladeindikator, Fortschrittsindikator, Auffrischungsindikator oder Heads-up-Display (HUD) hinzufügen können, wird unten bereitgestellt.
easy_refresh
486
Ein Flutter-Widget, das ein Herunterziehen zum Aktualisieren und Hochziehen zum Laden ermöglicht
modal_progress_hud
486
Ein modaler Fortschrittsindikator-Widget (HUD = Heads-Up-Display). Umwickeln Sie ein anderes Widget, um den Zugriff auf das Widget während eines asynchronen Aufrufs zu blockieren. Akzeptiert auch einen benutzerdefinierten Spinner.
loading_animations
268
Ein Flutter-Paket mit einer Auswahl an einfachen, aber sehr anpassbaren Ladeanimationen.
pull_to_refresh_flutter3
200
Ein Widget, das das Herunterziehen und Hochziehen des Inhalts in Flutter ermöglicht
loading_overlay
186
Ein modaler Fortschrittsindikator-Widget, das ein- und ausblendet. Umwickeln Sie ein anderes Widget, um den Zugriff auf das Widget während eines asynchronen Aufrufs zu blockieren.
flutter_overlay_loader
111
Ein einfaches Flutter-Paket zur Verwaltung des Overlay-Ladens beim Abrufen von Remote-Daten oder einer langwierigen asynchronen Aufgabe. Der Flutter-Overlay-Lader ist einfach zu bedienen.
loading_gifs
84
Ladeindikator-GIFs. Material- und Cupertino (Android und iOS) Ladeanzeigen in verschiedenen Größen. Verwendung als Platzhalter für das Laden von Remote-Bildressourcen.
square_percent_indicater
56
Flutter-Paket, das den Prozentwert des Fortschritts in quadratischer Form anzeigt. Quadratische Prozentanzeigen sind in Designs weit verbreitet.
flutter_advanced_progress
37
Ein fortschrittliches Fortschritts-Widget, das vollständig anpassbar ist und viele Eigenschaften bietet. Probieren Sie es einfach aus und genießen Sie es!
progress_indicator
36
Eine nützliche Sammlung von benutzerdefinierten Fortschrittsindikatoren für Flutter.
flare_loading
36
Ein Lade-Widget basierend auf einer benutzerdefinierten Flare-Animation, mit dem Sie schöne benutzerdefinierte Lade-Widgets oder Dialoge erstellen können.
loading_overlay_pro
35
Ein neues Flutter-Projekt mit einer einfachen Widget-Hülle für Ladeanimationen in Flutter-Projekten.
modal_progress_indicator
32
Konfigurierbarer modaler fortschrittsanzeiger, der den zugriff auf ein umhülltes widget und dessen unterstruktur blockiert
wave_progress_bars
30
Ein Paket, das einen einfachen Weg bietet, Wellenbalken in ein Flutter-Projekt einzufügen.
flutter_progress_dialog
24
Eine Flutter-Bibliothek für den Fortschrittsdialog. Einfach anzuzeigen und auszublenden. Unterstützung zur Angabe eines benutzerdefinierten Lade-Widgets.
progresso
23
Eine lineare Fortschrittsleiste für Flutter, die ein Starten von Null ermöglicht und benutzerdefinierte Stile unterstützt.
load
22
Globales Lade-Widget. Reine Flutter-Bibliothek ohne Verwendung von nativem Code. Ähnlich wie OKToast in der Verwendung.
flutter_hud
19
Ein sauberer und leichtgewichtiger Fortschritts-HUD, um eine laufende asynchrone Aufgabe in Flutter anzuzeigen
cupertino_progress_bar
16
Eine nicht interaktive Fortschrittsleiste, die eine Spur enthält, die sich von links nach rechts füllt, um den Fortschritt einer Aufgabe mit bekannter Dauer anzuzeigen.
intervalprogressbar
15
Eine Intervall-Fortschrittsleiste für Flutter. Horizontale, vertikale, farbenfrohe und intervallbasierte Fortschrittsleiste.
flutter_colored_progress_indicators
9
Ein alternativer animierter Fortschrittsindikator-Widget für Flutter's CircularProgressIndicator und LinearProgressIndicator mit Google-Farbakzenten.
gradient_progress
8
Eine Fortschrittsleiste mit Unterstützung für Farbverläufe. Eine schnelle Möglichkeit, eine schöne Verlaufsfortschrittsleiste in Ihrer Flutter-App zu haben.
