Zum Inhalt springen

@capgo/capacitor-Pretty-Toaster

Zeige native aussehende Toast-Benachrichtigungen auf iOS, Android und Web mit Warteschleife, Updates, Aktionen, Icons und Versprechen-Zuständen.

@capgo/capacitor-pretty-toast bietet eine toast.* API für native-first Toast-Nachrichten in Capacitor-Apps. Es renderet native Überlagerungen auf iOS und Android und einen DOM-Renderer auf Web.

Verwende es für Erfolgsmeldungen, Fehlermeldungen, Ladezustände, lange laufende Promise-Feedback und Aktionstöpfe, die sich mit der Plattform integrieren sollen.

Animierte Pretty Toast-Demo auf einem externen Gerät
Toast-Nachrichten-Fluss
  • toast.show - Shows a custom toast from a full config object.
  • toast.success, toast.error, toast.info, toast.warning - Zeigt gängige semantische Toasts mit Titel und optionaler Konfiguration an.
  • toast.loading - Zeigt einen persistierenden Lade-Toast an.
  • toast.update Aktualisiert eine bestehende Toast-Anzeige.
  • toast.promise - Verfolgt eine Promise mit Lade-, Erfolgs- und Fehlerzuständen.
  • toast.dismiss - und toast.dismissAll - Löscht einen Toast oder leert die Warteschlange.
- Methode- Beschreibung
toast.show(config, options?)- Zeigt einen Toast mit vollständiger ToastConfig.
toast.success(title, config?, options?)Zeigt einen Erfolgston an.
toast.error(title, config?, options?)Zeigt einen Fehler-Ton an.
toast.info(title, config?, options?)Zeigt einen Informations-Ton an.
toast.warning(title, config?, options?)Zeigt einen Warn-Ton an.
toast.loading(title, config?, options?)Zeigt einen Lade-Ton an, der standardmäßig nicht automatisch abgelehnt wird.
toast.update(id, partial)Aktualisiert einen bestehenden Toast.
toast.promise(promise, messages)Zeigt Ladezustand an, dann aktualisiert für Erfolg oder Fehler.
toast.dismiss(id?)Löscht einen Toast oder den aktiven Toast.
toast.dismissAll()Dismisses all visible and queued toasts.

Diese Referenz wird von src/definitions.ts in capacitor-pretty-toast.

Wenn Sie native Plugin-Arbeiten mit @capgo/capacitor-pretty-toast um native Plugin-Arbeit zu planen, verbinden Sie es mit Capgo Plugin-Verzeichnis für das Produktworkflow in Capgo Plugin-Verzeichnis, Capacitor Plugins von Capgo für die Implementierungsdetails in Capacitor Plugins von Capgo, Hinzufügen oder Aktualisieren von Plugins für die Implementierungsdetails in der Hinzufügung oder Aktualisierung von Plugins Ionic Enterprise-Plugin-Alternativen für den Produktworkflow in Ionic Enterprise-Plugin-Alternativen und Capgo Native Builds für den Produktworkflow in Capgo Native Builds.