Aller directement au contenu

@capgo/capacitor-toast-pretty

Affichez des notifications de toast qui ressemblent à celles du système sur iOS, Android et Web avec file d'attente, mise à jour, actions, icônes et états de promesse.

@capgo/capacitor-pretty-toast fournit un toast.* API pour les notifications de toast native dans les applications Capacitor. Il affiche des surimpressions natives sur iOS et Android et un rendu DOM sur Web.

Utilisez-le pour les messages de réussite, les erreurs, les états de chargement, les retours de feedback sur des promesses longues et les notifications d'action qui doivent ressembler à celles du système.

Demo de Toast animé sur un appareil externe
Flux de notification Toast
  • toast.show - Affiche un toast personnalisé à partir d'un objet de configuration complet.
  • toast.success, toast.error, toast.info, toast.warning - Affiche des toasts sémantiques courants avec un titre et une configuration facultative.
  • toast.loading - Affiche un toast de chargement persistant.
  • toast.update - Met à jour un toast existant en place.
  • toast.promise - Suivi d'une promesse avec des états de chargement, de réussite et d'erreur.
  • toast.dismiss et toast.dismissAll - Supprime un toast ou vide la file d'attente.
MéthodeDescription
toast.show(config, options?)Affiche un toast en utilisant la version complète ToastConfig.
toast.success(title, config?, options?)Affiche un toast de succès.
toast.error(title, config?, options?)Affiche un toast d'erreur.
toast.info(title, config?, options?)Affiche un toast d'information.
toast.warning(title, config?, options?)Affiche un toast d'avertissement.
toast.loading(title, config?, options?)Affiche un toast de chargement qui ne se ferme pas par défaut.
toast.update(id, partial)Met à jour un toast existant.
toast.promise(promise, messages)Affiche un état de chargement, puis met à jour pour le succès ou l'erreur.
toast.dismiss(id?)Ferme un toast ou le toast actif.
toast.dismissAll()Fermer tous les avertissements visibles et en file d'attente.

Cette référence est synchronisée à partir de src/definitions.ts dans capacitor-pretty-toast.

Continuez à partir de @capgo/capacitor-pretty-toast

Section intitulée “Continuez à partir de @capgo/capacitor-pretty-toast”

Si vous utilisez @capgo/capacitor-pretty-toast pour planifier le travail de plugin natif, connectez-le avec Capgo Répertoire Plugin pour le flux de travail du produit dans le répertoire de plugin Capgo Capacitor Plugins par Capgo pour le détail d'implémentation dans Capacitor Plugins par Capgo, Ajouter ou Mettre à Jour les Plugins pour le détail d'implémentation dans Ajouter ou Mettre à Jour les Plugins, Alternatives de Plugin d'Entreprise Ionic pour le flux de travail du produit dans Alternatives de Plugin d'Entreprise Ionic, et Capgo Bâtiments Natives pour le flux de travail du produit dans Capgo Bâtiments Natives.