Recientemente, muchas aplicaciones comienzan a presentar este tipo de interfaz de usuario en su página:

Un deslizador desplazable, en bucle y de reproducción automática (una captura de pantalla de ejemplo de la aplicación infltr )

https://youtube.com/shorts/Qmlve7qS22o?feature=share

Traté de implementar el mismo componente en mi proyecto React.

Después de las pruebas, descubrí que Swiper.js podría ser la llave más cercana a la puerta con freeMode , loop y autoPlay automática.

Mi configuración es la siguiente:

 const swiperSetting = { slidesPerView: 'auto', spaceBetween: 10, longSwipes: false, grabCursor: true, centeredSlides: true, freeMode: { enabled: true, momentumBounce: false, }, loop: true, autoplay: { delay: 0, disableOnInteraction: false }, speed: 5000, };

El resultado es como el siguiente: (captura de pantalla de Pixel 3A XL, Android 10)

https://youtube.com/shorts/qkSPWNX9YXk?feature=share

Como puede ver en el clip de arriba, hay una latencia obvia entre el toque del dedo y la animación del deslizador.

Sin embargo, esta condición de retraso no se vio en dispositivos Pixel 6, Android 12 o iOS.

Pixel 3a XL es un producto de 2019, no un dispositivo de gama baja, por lo que no espero que este componente sea tan lento en este dispositivo.

¿Alguna sugerencia sobre cómo ajustar mejor Swiper.js?
¿O es un error inevitable en las versiones anteriores de los dispositivos Android?
¿O hay alguna otra solución que se adapte mejor a mis necesidades?