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
2604
Ein Widget, das dem Flutter Scroll-Komponente Aktualisierung von unten ermöglicht und zum Laden nach oben zieht.
percent_indicator
2439
Bibliothek, mit der Fortschritts-Widgets basierend auf Prozentsatz angezeigt werden können. Kann kreisförmig oder linear sein und kann an Ihre Bedürfnisse angepasst werden
flutter_easyloading
2002
✨ Ein sauberes und leichtgewichtiges Lade-/Toast-Widget für Flutter. Einfach zu bedienen ohne Kontext, unterstützt iOS, Android und Web.
loading_animation_widget
1406
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
step_progress_indicator
806
Balkenindikator aus einer Reihe ausgewählter und nicht ausgewählter Schritte.
custom_refresh_indicator
677
Widget, das die Implementierung eines benutzerdefinierten Pull-to-Refresh-Effekts erleichtert
loading_indicator
521
Eine Sammlung von Ladeanimationen, die in reinem Dart geschrieben sind. Keine zusätzlichen Abhängigkeiten erforderlich
modal_progress_hud
484
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.
loader_overlay
405
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
373
Ein Flutter-Widget, das ein Herunterziehen zum Aktualisieren und Hochziehen zum Laden ermöglicht
loading_animations
263
Ein Flutter-Paket mit einer Auswahl an einfachen, aber sehr anpassbaren Ladeanimationen.
sn_progress_dialog
245
Anpassbare Fortschrittsdialog-Bibliothek für Flutter. Erfasst den Fortschrittswert
modal_progress_hud_nsn
229
Ein modaler Fortschrittsindikator-Widget mit Nullsicherheit. Ein Fork von modal_progress_hud
flutter_animation_progress_bar
212
Dieses bunte Flutter-Widget-Paket zielt darauf ab, eine animierte Fortschrittsleiste im reaktiven Stil anzuzeigen. Es unterstützt sowohl vertikale als auch horizontale Balken
loading_overlay
175
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
143
Ein Widget, das das Herunterziehen und Hochziehen des Inhalts in Flutter ermöglicht
simple_circular_progress_bar
132
Open Source Flutter-Paket, einfacher kreisförmiger Fortschrittsindikator.
flutter_overlay_loader
107
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.
widget_loading
82
Eine einfache Möglichkeit, ein Widget auszublenden, wenn noch nichts angezeigt werden soll, und gleichzeitig eine Ladeanimation anzuzeigen
loading_gifs
80
Ladeindikator-GIFs. Material- und Cupertino (Android und iOS) Ladeanzeigen in verschiedenen Größen. Verwendung als Platzhalter für das Laden von Remote-Bildressourcen.
flutter_rounded_progress_bar
80
Abgerundete Fortschrittsleiste in Flutter, die Farbe und Rand anpassen kann
overlay_loader_with_app_icon
76
Ein Flutter-Paket, das beim Starten eines asynchronen Aufrufs einen schönen Überlagerungs-Loader mit App-Symbol anzeigt
swipe_refresh
75
Eine Reihe von Widgets, die das Aktualisieren durch Verwendung der Pull-Down-Geste ermöglichen.
liquid_progress_indicator_v2
62
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
page_view_dot_indicator
59
Ein einfacher und animierter Seitenanzeige-Indikator in Form von Punkten, den Sie in Farbe, Größe, Abstand und Dauer anpassen können
simple_fontellico_progress_dialog
57
Dieses Paket hilft Ihnen dabei, einen Fortschrittsdialog mit verschiedenen Arten von Ladeindikatoren darzustellen
pull_to_refresh_notification
56
Ein Flutter-Plugin zum schnellen Erstellen von Aktualisierungseffekten mit PullToRefreshNotification und PullToRefreshContainer
circular_seek_bar
54
Paket für einen kreisförmigen Fortschritts-/Suchbalken in Flutter, der anpassbare Animationen, Gestrichelte Linien und Farbverläufe unterstützt
square_percent_indicater
51
Flutter-Paket, das den Prozentwert des Fortschritts in quadratischer Form anzeigt. Quadratische Prozentanzeigen sind in Designs weit verbreitet.
linear_progress_bar
48
Flutter- und Dart-Fortschrittsanzeige wie der natürliche Android Fortschrittsbalken, aber weiter fortgeschritten.
screen_loader
45
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.
flutter_svprogresshud
45
Ein sauberer und leichtgewichtiger Fortschritts-HUD für Flutter-Apps, basierend auf SVProgressHUD.
dashed_circular_progress_bar
42
Gestrichener kreisförmiger fortschrittsbalken zeigt den fortschritt einer aufgabe in einem kreis an, der in farbe, stil und form angepasst werden kann
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.
water_bottle
35
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.
loading_overlay_pro
33
Ein neues Flutter-Projekt mit einer einfachen Widget-Hülle für Ladeanimationen in Flutter-Projekten.
simple_progress_indicators
33
Einfaches Paket für Fortschrittsindikatoren mit soliden Farben und Gradienten. Kann zum Anzeigen von Fortschritt oder für einfache Animationen verwendet werden.
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
26
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
26
Flutter-Bibliothek zum Erstellen von Fortschrittsbalken im Stil von Apple Watch-Ringen.
multi_circular_slider
25
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
flutter_progress_dialog
24
Eine Flutter-Bibliothek für den Fortschrittsdialog. Einfach anzuzeigen und auszublenden. Unterstützung zur Angabe eines benutzerdefinierten Lade-Widgets.
modal_progress_indicator
23
Konfigurierbarer modaler fortschrittsanzeiger, der den zugriff auf ein umhülltes widget und dessen unterstruktur blockiert
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.
nuts_activity_indicator
20
Sehr anpassbarer Aktivitätsindikator (Spinner) für Ihre Flutter-Apps, basierend auf dem Cupertino-Paket
flutter_hud
19
Ein sauberer und leichtgewichtiger Fortschritts-HUD, um eine laufende asynchrone Aufgabe in Flutter 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.
cupertino_progress_bar
14
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.
colorful_progress_indicators
10
Ein Paket, das benutzerdefinierte, farbenfrohe Fortschrittsanzeigen bereitstellt
flutter_colored_progress_indicators
9
Ein alternativer animierter Fortschrittsindikator-Widget für Flutter's CircularProgressIndicator und LinearProgressIndicator mit Google-Farbakzenten.