Zum Inhalt springen

@capgo/capacitor-pretty-toast

Zeige native aussehende 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 Überlays auf iOS und Android und einen DOM-Renderer auf Web.

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

Animierte Pretty Toast Demo auf einem externen Gerät
Toast-Benachrichtigungsfluss
  • toast.show - Zeigt ein benutzerdefiniertes Toast von 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 an Ort und Stelle.
  • 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 der vollständigen Nachricht an. ToastConfig.
toast.success(title, config?, options?)Zeigt einen Erfolgstoast an.
toast.error(title, config?, options?)Zeigt einen Fehlertoast an.
toast.info(title, config?, options?)Zeigt einen Informationstoast an.
toast.warning(title, config?, options?)Zeigt einen Warnungstoast an.
toast.loading(title, config?, options?)Zeigt einen Ladevorgang an, der standardmäßig nicht automatisch abgebrochen wird.
toast.update(id, partial)Aktualisiert einen bestehenden Toast.
toast.promise(promise, messages)Zeigt den Ladezustand an, dann aktualisiert für Erfolg oder Fehler.
toast.dismiss(id?)Löscht einen Toast oder den aktiven Toast.
toast.dismissAll()Alle sichtbaren und in der Warteschlange stehenden Toasts abblenden.

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

Wenn Sie native Plugin-Arbeit mit @capgo/capacitor-pretty-toast planen, verbinden Sie es mit Capgo Plugin-Ordner 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, 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.