Saltare al contenuto

@capgo/capacitor-Toast di Buon Uso

Mostra notifiche di toast native-look su iOS, Android e Web con coda, aggiornamenti, azioni, icone e stati di promessa.

@capgo/capacitor-pretty-toast fornisce un toast.* API per le notifiche di toast native-first nei Capacitor app. Si rende sovrapposti nativi su iOS e Android e un renderer DOM su Web.

Usalo per messaggi di successo, errori, stati di caricamento, feedback sui promessi mantenuti e avvisi di azione che si sentano integrati con il sistema.

Demo animato di Toast Pretty su un dispositivo esterno
Flusso di notifica di 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 opzionalmente una configurazione.
  • 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 toast.dismissAll - Rimuove un toast o svuota la coda.
- Metodo- Descrizione
toast.show(config, options?)- Mostra un toast utilizzando l'intero ToastConfig.
toast.success(title, config?, options?)Mostra un messaggio di successo.
toast.error(title, config?, options?)Mostra un messaggio di errore.
toast.info(title, config?, options?)Mostra un messaggio informativo.
toast.warning(title, config?, options?)Mostra un messaggio di avviso.
toast.loading(title, config?, options?)Mostra un messaggio di caricamento che non si auto-svuota per impostazione predefinita.
toast.update(id, partial)Aggiorna un messaggio esistente.
toast.promise(promise, messages)Mostra lo stato di caricamento, poi aggiorna per successo o errore.
toast.dismiss(id?)Chiude un messaggio o il messaggio attivo.
toast.dismissAll()Chiude tutti i messaggi visibili e in coda.

Questa referenza è sincronizzata da src/definitions.ts nel capacitor-pretty-toast.

Se stai utilizzando @capgo/capacitor-toast per pianificare il lavoro di plugin nativi, connettilo con Capgo Directory dei Plugin per il workflow del prodotto nella Capgo Directory dei Plugin. Capacitor Plugin da Capgo per i dettagli di implementazione in Capacitor Plugin da Capgo Aggiungere o Aggiornare Plugin per la dettagliata implementazione in Aggiungere o Aggiornare Plugin, Alternativi per Plugin Enterprise Ionic per il flusso di lavoro del prodotto in Ionic Enterprise Plugin Alternatives, e Capgo Costruzioni native per il flusso di lavoro del prodotto in Capgo Costruzioni native.