Zum Inhalt springen

@capgo/capacitor-pretty-toast

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-Benachrichtigungen in Capacitor-Apps. Es renderet native Überlays auf iOS und Android und einen DOM-Renderer auf Web.

Verwende es für Erfolgsmeldungen, Fehlermeldungen, Ladezustände, lange laufende Versprechen-Feedback und Aktionen-Toasts, die sich mit der Plattform integrieren sollten.

Animated Pretty Toast Demo auf einem externen Gerät
Toast-Benachrichtigungsfluss
  • toast.show - Zeigt einen benutzerdefinierten Toast aus einem vollständigen Konfigurationsobjekt an.
  • toast.success, toast.error, toast.info, toast.warning - Zeigt gängige semantische Toasts mit einem Titel und optionaler Konfiguration an.
  • toast.loading - Zeigt einen persistierenden Lade-Toast an.
  • toast.update - Aktualisiert einen bestehenden Toast in-place.
  • toast.promise - Verfolgt eine Promise mit Lade-, Erfolgs- und Fehlerzuständen.
  • toast.dismiss und toast.dismissAll - Entfernt einen Toast oder leert die Warteschlange.
MethodeBeschreibung
toast.show(config, options?)Zeigt einen Toast mit voller ToastConfig.
toast.success(title, config?, options?)Zeigt einen Erfolgstoast.
toast.error(title, config?, options?)Zeigt einen Fehlertoast.
toast.info(title, config?, options?)Zeigt einen Informationstoast.
toast.warning(title, config?, options?)Zeigt einen Warnungstoast.
toast.loading(title, config?, options?)Zeigt einen Ladevorgang, der standardmäßig nicht automatisch abläuft.
toast.update(id, partial)Aktualisiert einen bestehenden Toast.
toast.promise(promise, messages)Anzeige des Ladezustands, dann Aktualisierung für Erfolg oder Fehler.
toast.dismiss(id?)Löscht einen Toast oder den aktiven Toast.
toast.dismissAll()Löscht alle sichtbaren und in der Warteschlange stehenden Toasts.

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

Wenn Sie @capgo/capacitor-pretty-toast für die native Plugin-Arbeit zu planen, verbinden Sie es mit Capgo Plugin-Verzeichnis für den 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 Hinzufügen oder Aktualisieren von Plugins Alternativen zu Ionic Enterprise Plugins für den Produktworkflow in Alternativen zu Ionic Enterprise Plugins, und Capgo Native Builds für den Produktworkflow in Capgo Native Builds.