Cómo crear una notificación con una barra de notificaciones

El componente de barra de notificaciones funciona como una notificación breve que aparece en la parte inferior de la pantalla. Proporciona comentarios sobre una operación o acción sin interrumpir la experiencia del usuario. Las barras de notificaciones desaparecen después de unos segundos. El usuario también puede descartarlos con una acción, como presionar un botón.

Considera estos tres casos de uso en los que podrías usar una barra de notificaciones:

  • Confirmación de acción: Después de que un usuario borra un correo electrónico o un mensaje, aparece una barra de notificaciones para confirmar la acción y ofrecer una opción para deshacerla.
  • Estado de la red: Cuando la app pierde la conexión a Internet, aparece una barra de notificaciones para indicar que ahora está sin conexión.
  • Envío de datos: Cuando se envía correctamente un formulario o se actualiza la configuración, una barra de notificaciones indica que el cambio se guardó correctamente.

Compatibilidad de versiones

Esta implementación requiere que el minSDK de tu proyecto se establezca en el nivel de API 21 o una versión posterior.

Dependencias

Crea una barra de notificaciones básica

Para implementar una barra de notificaciones, primero crea SnackbarHost, que incluye una propiedad SnackbarHostState. SnackbarHostState proporciona acceso a la función showSnackbar(), que puedes usar para mostrar la barra de notificaciones.

Esta función de suspensión requiere un CoroutineScope, como con el uso de rememberCoroutineScope, y se puede llamar en respuesta a eventos de IU para mostrar una Snackbar dentro de Scaffold.

Crea una barra de notificaciones con acción

Puedes proporcionar una acción opcional y ajustar la duración de Snackbar. La función snackbarHostState.showSnackbar() acepta parámetros actionLabel y duration adicionales, y muestra un SnackbarResult.

Puedes proporcionar una Snackbar personalizada con el parámetro snackbarHost. Consulta la documentación de referencia de la API de SnackbarHost para obtener más información.

Resultados

Figura 1: Notificaciones de la barra de notificaciones con acción.

Colecciones que contienen esta guía

Esta guía forma parte de estas colecciones de guías rápidas seleccionadas que abarcan objetivos más amplios de desarrollo de Android:

Descubre cómo las funciones de componibilidad pueden ayudarte a crear fácilmente componentes de IU atractivos basados en el sistema de diseño de Material Design.

Tienes preguntas o comentarios

Ve a nuestra página de preguntas frecuentes para obtener información sobre las guías rápidas o comunícate con nosotros para contarnos tu opinión.