Passer au contenu

@capgo/capacitor-pretty-toast

Afficher des notifications de toast qui ressemblent à celles du système sur iOS, Android et Web, avec file d'attente, mises à 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 promesses longues et les toasts d'action qui devraient ressembler à la plateforme.

Démo de Toast Pretty 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 succès 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 totalité 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)L'affiche l'état de chargement, puis met à jour pour le succès ou l'erreur.
toast.dismiss(id?)Masque une seule notification ou la notification active.
toast.dismissAll()Masque toutes les notifications visibles et en attente.

Cette référence est synchronisée à partir de src/definitions.ts en capacitor-notification sympa.

Continuez d'où vous en étiez @capgo/capacitor-notification sympa

Section intitulée « Continuez d'où vous en étiez @capgo/capacitor-notification sympa »

Si vous utilisez @capgo/capacitor-notification sympa pour planifier le travail de plugin natif, connectez-l’à Capgo Répertoire de plugin pour le flux de travail du produit dans Capgo Répertoire de plugin, Capacitor Plugins par Capgo pour les détails d'implémentation dans Capacitor Plugins par Capgo Ajouter ou Mettre à Jour les Plugins pour les détails 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.