Saltar a contenido

@capgo/capacitor-pretty-toast

Muestre 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.

Rendice capas nativas en iOS y Android y un renderizador DOM en Web.

Utilízalo para mensajes de éxito, errores, estados de carga, feedback de promesas largas y notificaciones de acción que se sientan integradas con la plataforma.

Demostración
Sección titulada “Demostración”
Demostración animada de Toast Pretty en un dispositivo externo

Flujo de notificación de Toast

Capacidades básicas
  • 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 una 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 la configuración completa 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()Desvanece todos los toasts visibles y programados.

Esta referencia se sincroniza desde src/definitions.ts Iniciar desde 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 Plugins para el flujo de trabajo del producto en Capgo Directorio de Plugins, Capacitor Plugins por Capgo para los detalles de implementación en Capacitor Plugins por Capgo, Agregar o Actualizar Plugins para los detalles de implementación en la sección de 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 Compilación Nativa para el flujo de trabajo del producto en Capgo Compilación Nativa.