La animación de deslizar para descartar representa la transición cuando los usuarios navegan a la página anterior.
Los detalles de la animación de deslizar para descartar son similares a los de presionar un botón lateral giratorio (RSB). Tu dedo controla el progreso de la animación hasta un 50%.
Hay una animación adicional en la vista de la app que está vinculada al gesto para descartar. La cantidad de movimiento que se muestra en la vista de la app no es exactamente la misma que la distancia que debe mover el dedo. La vista de la app nunca debe salir del borde de la pantalla, lo que muestra un efecto similar a apretar con cierta resistencia.
Implementación
SwipeDismissableNavHost de la biblioteca de Navigation proporciona el gesto de navegación de deslizar para descartar de forma predeterminada.
Si no usas la biblioteca de Navigation, puedes admitir este gesto de navegación en pantalla completa usando BasicSwipeToDismissBox directamente.
Diseño
Cuando diseñes el gesto de deslizar para descartar la acción, ten en cuenta los siguientes dos principios:
El borde de la pantalla
Ten en cuenta otros elementos de la IU que se pueden deslizar, como las vistas de app paginadas. Cuando sea posible deslizar para descartar, conserva un 20% del borde de la pantalla a fin de activar ese movimiento.
Consulta este ejemplo de la base de código de Material de Compose para Wear OS para ver un ejemplo de deslizamiento en el borde cuando el contenido se puede desplazar horizontalmente.
El umbral para volver o permanecer en la vista de la app
Si el usuario arrastró el dedo por más del 50% del ancho de la pantalla, la app debería activar el resto de la animación del deslizamiento hacia atrás. Si el porcentaje es menor, la app debería volver a la vista completa de la app.
Si el gesto es rápido, ignora la regla del umbral del 50% y desliza hacia atrás.