Zum Inhalt springen

@capgo/capacitor-pretty-toast

Native gestylte Toasts mit Loading- und Promise-Helpern.

Nutzt toast.success() und toast.loading() statt blockierender Alerts für leichtes Feedback.

PlattformSupportNotizen
iOSJaNative Oberfläche
AndroidJaMaterial-Design-Stil
WebJaDOM-Fallback
Animated Pretty Toast Demo auf einem externen Gerät
Toast-Benachrichtigungs-Flow
  • toast.show - Zeigt einen Custom-Toast aus einem vollständigen Config-Objekt.
  • toast.success, toast.error, toast.info, toast.warning - Zeigt gängige semantische Toasts mit Titel und optionaler Config.
  • toast.loading - Zeigt ein dauerhaftes Lade-Toast an.
  • toast.update - Aktualisiert ein vorhandenes Toast an Ort und Stelle.
  • toast.promise - Verfolgt ein Promise mit Lade-, Erfolgs- und Fehlerzuständen.
  • toast.dismiss und toast.dismissAll - Entfernt ein Toast oder leert die Warteschlange.
MethodeBeschreibung
toast.show(config, options?)Zeigt ein Toast mit dem vollständigen ToastConfig.
toast.success(title, config?, options?)Zeigt einen Erfolgs-Toast an.
toast.error(title, config?, options?)Zeigt einen Fehler-Toast an.
toast.info(title, config?, options?)Zeigt einen Info-Toast an.
toast.warning(title, config?, options?)Zeigt einen Warn-Toast an.
toast.loading(title, config?, options?)Zeigt einen Loading-Toast an, der standardmäßig nicht automatisch verschwindet.
toast.update(id, partial)Aktualisiert einen bestehenden Toast.
toast.promise(promise, messages)Zeigt den Ladezustand an und wechselt dann zu Erfolg oder Fehler.
toast.dismiss(id?)Schließt einen Toast oder den aktiven Toast.
toast.dismissAll()Schließt alle sichtbaren und wartenden Toasts.

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

Wenn du es nutzt @capgo/capacitor-pretty-toast Um die Arbeit an nativen Plugins zu planen, verbinde sie mit Capgo Plugin-Verzeichnis für den Produkt-Workflow im Capgo Plugin-Verzeichnis, Capacitor Plugins von Capgo für das Implementierungsdetail in Capacitor Plugins von Capgo, Plugins hinzufügen oder aktualisieren für die Implementierungsdetails unter „Plugins hinzufügen oder aktualisieren“, Ionic Enterprise Plugin-Alternativen für den Produkt-Workflow in Ionic Enterprise Plugin-Alternativen und Capgo Native Builds optimieren für den Produkt-Workflow in Capgo Native Builds.