Aller directement au contenu

@capgo/capacitor-toast-pretty

Affichez des notifications de toast qui ressemblent aux notifications natives 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 natives 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 les promesses longues et les notifications d'action qui doivent ressembler à une intégration avec la plateforme.

Démo d'un toast animé sur un appareil externe
Flux de notification de 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 optionnelle.
  • toast.loading - Affiche un toast de chargement persistant.
  • toast.update - Met à jour un toast existant en place.
  • toast.promise - Suit 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 l'ensemble des 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 l'état de chargement, puis met à jour pour le succès ou l'erreur.
toast.dismiss(id?)Ferme une seule notification ou la notification active.
toast.dismissAll()Ferme toutes les notifications visibles et en file d'attente.

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

Si vous utilisez capgo/capacitor-toast sympa planer les travaux de plugin natif, connectez-le à 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 Plugins Entreprise Ionic pour le flux de travail du produit dans Alternatives de Plugins Entreprise Ionic, et Capgo Bâtiments natifs pour le flux de travail du produit dans Capgo Bâtiments natifs.