Saltar al contenido

@capgo/capacitor-toast de aspecto agradable

Mostrar notificaciones de toast que se ven nativas en iOS, Android y Web con cola, actualizaciones, acciones, iconos y estados de promesa.

@capgo/capacitor-pretty-toast proporciona un toast.* API para notificaciones de toast nativas en aplicaciones Capacitor . Renderiza capas nativas en iOS y Android y un renderizador de DOM en Web.

Utilízalo para mensajes de éxito, errores, estados de carga, retroalimentación de promesas de larga duración y tostadas de acción que deban sentirse integradas con la plataforma.

Demo de Toast animado en un dispositivo externo
Flujo de notificación de Toast
  • toast.show - Muestra un Toast personalizado desde un objeto de configuración completo.
  • toast.success, toast.error, toast.info, toast.warning - Muestra toasts semánticos comunes con un título y configuración opcional.
  • toast.loading - Muestra un Toast de carga persistente.
  • toast.update - Actualiza un Toast existente en su lugar.
  • toast.promise - Rastrea una promesa con estados de carga, éxito y error.
  • toast.dismiss y toast.dismissAll - Elimina un Toast o limpia la cola.
MétodoDescripción
toast.show(config, options?)Muestra un toast utilizando el texto completo ToastConfig.
toast.success(title, config?, options?)Muestra un toast de éxito.
toast.error(title, config?, options?)Muestra un toast de error.
toast.info(title, config?, options?)Muestra un toast informativo.
toast.warning(title, config?, options?)Muestra un toast de advertencia.
toast.loading(title, config?, options?)Muestra un toast de carga que no se desvanece automáticamente por defecto.
toast.update(id, partial)Actualiza un toast existente.
toast.promise(promise, messages)Muestra el estado de carga, luego actualiza para éxito o error.
toast.dismiss(id?)Desvanece un toast o el toast activo.
toast.dismissAll()Desestima todos los toasts visibles y programados.

Esta referencia está sincronizada desde src/definitions.ts en capacitor-pretty-toast.

Sigue adelante desde @capgo/capacitor-pretty-toast

Sección titulada “Sigue adelante desde @capgo/capacitor-pretty-toast”

Si estás utilizando @capgo/capacitor-pretty-toast para planificar el trabajo de plugin nativo, conecta con Capgo Directorio de Plugin para el flujo de trabajo del producto en el directorio de plugins Capgo Capacitor Plugins by Capgo para el detalle de implementación en los plugins Capacitor de Capgo Agregar o actualizar plugins para el detalle de implementación en Agregar o actualizar plugins Alternativas de plugins de Ionic Enterprise para el flujo de trabajo del producto en Alternativas de plugins de Ionic Enterprise, y Capgo compilaciones nativas para el flujo de trabajo del producto en Capgo compilaciones nativas.