Aller directement au contenu

@capgo/capacitor-toast-pretty

Affichez des notifications de type 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 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 d'informations sur les promesses longues et les avertissements d'action qui devraient ressembler à l'interface 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 l'ensemble 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 de warning.
toast.loading(title, config?, options?)Affiche un toast de chargement qui ne se ferme pas par défaut.
toast.update(id, partial)Mise à jour d'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?)Supprime un toast ou le toast actif.
toast.dismissAll()Masquez tous les toasts visibles et en attente.

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

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