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.
pull_to_refresh
2663
Ein Widget, das dem Flutter Scroll-Komponente Aktualisierung von unten ermöglicht und zum Laden nach oben zieht.
modal_progress_hud
483
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.
easy_refresh
403
Ein Flutter-Widget, das ein Herunterziehen zum Aktualisieren und Hochziehen zum Laden ermöglicht
loading_animations
266
Ein Flutter-Paket mit einer Auswahl an einfachen, aber sehr anpassbaren Ladeanimationen.
loading_overlay
176
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.
pull_to_refresh_flutter3
155
Ein Widget, das das Herunterziehen und Hochziehen des Inhalts in Flutter ermöglicht
flutter_overlay_loader
108
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
81
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
53
Flutter-Paket, das den Prozentwert des Fortschritts in quadratischer Form anzeigt. Quadratische Prozentanzeigen sind in Designs weit verbreitet.
flutter_advanced_progress
36
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
34
Ein neues Flutter-Projekt mit einer einfachen Widget-Hülle für Ladeanimationen in Flutter-Projekten.
wave_progress_bars
30
Ein Paket, das einen einfachen Weg bietet, Wellenbalken in ein Flutter-Projekt einzufügen.
modal_progress_indicator
25
Konfigurierbarer modaler fortschrittsanzeiger, der den zugriff auf ein umhülltes widget und dessen unterstruktur blockiert
flutter_progress_dialog
24
Eine Flutter-Bibliothek für den Fortschrittsdialog. Einfach anzuzeigen und auszublenden. Unterstützung zur Angabe eines benutzerdefinierten Lade-Widgets.
load
22
Globales Lade-Widget. Reine Flutter-Bibliothek ohne Verwendung von nativem Code. Ähnlich wie OKToast in der Verwendung.
progresso
21
Eine lineare Fortschrittsleiste für Flutter, die ein Starten von Null ermöglicht und benutzerdefinierte Stile unterstützt.
flutter_hud
19
Ein sauberer und leichtgewichtiger Fortschritts-HUD, um eine laufende asynchrone Aufgabe in Flutter anzuzeigen
cupertino_progress_bar
15
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.
