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.
custom_refresh_indicator
966
Widget, das die Implementierung eines benutzerdefinierten Pull-to-Refresh-Effekts erleichtert
step_progress_indicator
908
Balkenindikator aus einer Reihe ausgewählter und nicht ausgewählter Schritte.
loading_indicator
678
Eine Sammlung von Ladeanimationen, die in reinem Dart geschrieben sind. Keine zusätzlichen Abhängigkeiten erforderlich
loader_overlay
540
Ein einfaches Paket zur Vereinfachung der Bildschirmverwaltung. Wenn eine asynchrone Aufgabe geladen wird, verhindert dieses Paket, dass der Benutzer mit dem Bildschirm interagiert, bis die asynchrone Aufgabe beendet ist
easy_refresh
516
Ein Flutter-Widget, das ein Herunterziehen zum Aktualisieren und Hochziehen zum Laden ermöglicht
modal_progress_hud
485
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.
modal_progress_hud_nsn
287
Ein modaler Fortschrittsindikator-Widget mit Nullsicherheit. Ein Fork von modal_progress_hud
sn_progress_dialog
272
Anpassbare Fortschrittsdialog-Bibliothek für Flutter. Erfasst den Fortschrittswert
loading_animations
270
Ein Flutter-Paket mit einer Auswahl an einfachen, aber sehr anpassbaren Ladeanimationen.
flutter_animation_progress_bar
235
Dieses bunte Flutter-Widget-Paket zielt darauf ab, eine animierte Fortschrittsleiste im reaktiven Stil anzuzeigen. Es unterstützt sowohl vertikale als auch horizontale Balken
pull_to_refresh_flutter3
211
Ein Widget, das das Herunterziehen und Hochziehen des Inhalts in Flutter ermöglicht
loading_overlay
188
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.
simple_circular_progress_bar
186
Open Source Flutter-Paket, einfacher kreisförmiger Fortschrittsindikator.
liquid_progress_indicator_v2
133
Basiert auf https://pub.dev/packages/liquid_progress_indicator, um ein problem nach flutter 3.10 zu beheben. Ein fortschrittsanzeiger mit wasserähnlichem effekt in flutter. Funktioniert ähnlich wie flutters eigener progressanzeiger
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.
dashed_circular_progress_bar
104
Gestrichener kreisförmiger fortschrittsbalken zeigt den fortschritt einer aufgabe in einem kreis an, der in farbe, stil und form angepasst werden kann
swipe_refresh
94
Eine Reihe von Widgets, die das Aktualisieren durch Verwendung der Pull-Down-Geste ermöglichen.
widget_loading
93
Eine einfache Möglichkeit, ein Widget auszublenden, wenn noch nichts angezeigt werden soll, und gleichzeitig eine Ladeanimation anzuzeigen
flutter_rounded_progress_bar
88
Abgerundete Fortschrittsleiste in Flutter, die Farbe und Rand anpassen kann
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.
overlay_loader_with_app_icon
84
Ein Flutter-Paket, das beim Starten eines asynchronen Aufrufs einen schönen Überlagerungs-Loader mit App-Symbol anzeigt
linear_progress_bar
80
Flutter- und Dart-Fortschrittsanzeige wie der natürliche Android Fortschrittsbalken, aber weiter fortgeschritten.
page_view_dot_indicator
73
Ein einfacher und animierter Seitenanzeige-Indikator in Form von Punkten, den Sie in Farbe, Größe, Abstand und Dauer anpassen können
pull_to_refresh_notification
70
Ein Flutter-Plugin zum schnellen Erstellen von Aktualisierungseffekten mit PullToRefreshNotification und PullToRefreshContainer
circular_seek_bar
65
Paket für einen kreisförmigen Fortschritts-/Suchbalken in Flutter, der anpassbare Animationen, Gestrichelte Linien und Farbverläufe unterstützt
simple_fontellico_progress_dialog
60
Dieses Paket hilft Ihnen dabei, einen Fortschrittsdialog mit verschiedenen Arten von Ladeindikatoren darzustellen
square_percent_indicater
56
Flutter-Paket, das den Prozentwert des Fortschritts in quadratischer Form anzeigt. Quadratische Prozentanzeigen sind in Designs weit verbreitet.
flutter_svprogresshud
52
Ein sauberer und leichtgewichtiger Fortschritts-HUD für Flutter-Apps, basierend auf SVProgressHUD.
screen_loader
49
Einfach zu verwendende ScreenLoader-Mischung, die den Ladevorgang auf dem Bildschirm ohne Verwendung von Zustand oder Navigationsstapel behandelt. Sie können das Laden auch anpassen.
water_bottle
41
Diese Bibliothek fügt Ihrem Bildschirm ein Flaschen-Widget hinzu. Sie können es als Ladeindikator, Fortschrittsverfolger oder für jede Art von Messung verwenden, die Ihren Bedürfnissen entspricht.
multi_circular_slider
40
ein flutter-paket für android, ios und web, das beim erstellen eines mehrschichtigen animierten kreisförmigen fortschrittsbalkens hilft, um mehrere werte in einer einzigen leiste anzuzeigen
simple_progress_indicators
40
Einfaches Paket für Fortschrittsindikatoren mit soliden Farben und Gradienten. Kann zum Anzeigen von Fortschritt oder für einfache Animationen verwendet werden.
flutter_advanced_progress
38
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
33
Konfigurierbarer modaler fortschrittsanzeiger, der den zugriff auf ein umhülltes widget und dessen unterstruktur blockiert
future_progress_dialog
32
future_progress_dialog ist eine einfache Fortschrittsdialog-Bibliothek für asynchrone Aufgaben. FutureProgressDialog wird angezeigt, wenn die showDialog-Funktion aufgerufen wird, aber automatisch ausgeblendet, wenn die Future-Aufgabe beendet ist
wave_progress_bars
30
Ein Paket, das einen einfachen Weg bietet, Wellenbalken in ein Flutter-Projekt einzufügen.
square_progress_bar
29
Ein quadratischer Fortschrittsbalken, den Sie einfach verwenden können. Geben Sie einfach den Fortschritt im Bereich von 0,0 bis 1,0 an und los geht's.
activity_ring
29
Flutter-Bibliothek zum Erstellen von Fortschrittsbalken im Stil von Apple Watch-Ringen.
progress_border
28
ein boxborder wie border, aber der rand wird entsprechend dem fortschritt gezeichnet, unterstützt kreis, rechteck, rechteckig.
square_progress_indicator
28
Sie können anpassbare quadratische fortschrittsanzeiger erstellen, wie das native flutter circularprogressindicator-widget.
jumping_dot
26
wir zielen darauf ab, animierte springende punktindikatoren flutter-entwicklern bereitzustellen.
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.
nuts_activity_indicator
22
Sehr anpassbarer Aktivitätsindikator (Spinner) für Ihre Flutter-Apps, basierend auf dem Cupertino-Paket
load
22
Globales Lade-Widget. Reine Flutter-Bibliothek ohne Verwendung von nativem Code. Ähnlich wie OKToast in der Verwendung.
flutter_multiple_loaders
19
ein flutter-paket, das eine sammlung anpassbarer läuferanimationen für Ihre flutter-anwendungen bietet.
flutter_hud
19
Ein sauberer und leichtgewichtiger Fortschritts-HUD, um eine laufende asynchrone Aufgabe in Flutter anzuzeigen
cupertino_progress_bar
17
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.
easy_loader
16
Der einfachste Weg, einen einfachen Vollbild-Lader in Flutter zu handhaben. Geschrieben in Dart. Vollständig anpassbar.
intervalprogressbar
15
Eine Intervall-Fortschrittsleiste für Flutter. Horizontale, vertikale, farbenfrohe und intervallbasierte Fortschrittsleiste.
colorful_progress_indicators
11
Ein Paket, das benutzerdefinierte, farbenfrohe Fortschrittsanzeigen bereitstellt
flutter_colored_progress_indicators
8
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.
custom_linear_progress_indicator
7
stellt einen anpassbaren linearen fortschrittsanzeiger widget für flutter-anwendungen bereit, der animationen und visuelle anpassungsoptionen bietet.
flutter_easyloading
0
✨ Ein sauberes und leichtgewichtiges Lade-/Toast-Widget für Flutter. Einfach zu bedienen ohne Kontext, unterstützt iOS, Android und Web.
loading_animation_widget
0
Ladeanimation, Spinnerrad oder Loader. Es wird verwendet, um eine Ladeanimation anzuzeigen, wenn die App sich im Ladezustand befindet oder etwas für eine ungewisse Zeit verarbeitet wird