Saltare al contenuto

@capgo/capacitor-pretty-toast

Mostra notifiche di avviso native che sembrano iOS, Android e Web con coda, aggiornamenti, azioni, icone e stati di promessa.

@capgo/capacitor-pretty-toast fornisce un toast.* API per notifiche di toast native-first in Capacitor app. Esegue sovrapposizioni native su iOS e Android e un renderer DOM su Web.

Utilizzalo per messaggi di successo, errori, stati di caricamento, feedback di promesse di lunga durata e toast di azione che dovrebbero sentire integrati con il sistema.

Demo di Toast animato su un dispositivo esterno
Ciclo di notifica Toast
  • toast.show - Mostra un toast personalizzato da un oggetto di configurazione completo.
  • toast.success, toast.error, toast.info, toast.warning - Mostra toast semantici comuni con un titolo e una configurazione facoltativa.
  • toast.loading - Mostra un toast di caricamento persistente.
  • toast.update - Aggiorna un toast esistente in loco.
  • toast.promise - Traccia una promessa con stati di caricamento, successo e errore.
  • toast.dismiss E e toast.dismissAll - Rimuove un toast o svuota la coda.
MetodoDescrizione
toast.show(config, options?)Mostra un toast con il testo completo. ToastConfig.
toast.success(title, config?, options?)Mostra un toast di successo.
toast.error(title, config?, options?)Mostra un toast di errore.
toast.info(title, config?, options?)Mostra un toast informativo.
toast.warning(title, config?, options?)Mostra un toast di avviso.
toast.loading(title, config?, options?)Mostra un toast di caricamento che non si auto-svuota per impostazione predefinita.
toast.update(id, partial)Aggiorna un toast esistente.
toast.promise(promise, messages)Mostra lo stato di caricamento, quindi aggiorna per il successo o l'errore.
toast.dismiss(id?)Chiude un toast o il toast attivo.
toast.dismissAll()Chiude tutti i toast visibili e in coda.

Questa documentazione è sincronizzata da src/definitions.ts in capacitor-toast elegante.

Se stai utilizzando @capgo/capacitor-toast elegante per pianificare il lavoro di plugin nativo, connettilo con Capgo Directory dei Plugin per il flusso di lavoro del prodotto in Capgo Directory dei Plugin, Capacitor Plugin da Capgo per i dettagli di implementazione in Capacitor Plugin da Capgo Aggiungere o Aggiornare Plugin per i dettagli di implementazione in Aggiungere o Aggiornare Plugin, Sostituti di Plugin Enterprise Ionic per il flusso di lavoro del prodotto in Sostituti di Plugin Enterprise Ionic, e Capgo Costruzioni Native per il flusso di lavoro del prodotto in Capgo Costruzioni Native.