0
315
Vistas¿Cómo hacer un carrusel de imágenes que admita gestos de toque en React Native?
Me pregunto si hay un módulo React-Native o una forma de crear el tipo de carrusel de fotos y videos que se ve en la aplicación de citas Tinder. Reconoce tocar en los lados izquierdo o derecho de las imágenes para ir a las imágenes/videos anteriores o siguientes, respectivamente.
Lo más cercano que he visto es este módulo: https://openbase.com/js/react-native-slideshow .
PD: En la imagen que he adjuntado aquí, rodeé los indicadores de paginación con un círculo rojo como lo es también en Tinder. Estoy desarrollando usando Expo.
1 Respuestas
Responde la pregunta0
Puede usar el siguiente paquete para lograr este resultado.
https://www.npmjs.com/package/react-native-stories-view
Para habilitar o deshabilitar programáticamente el progreso, puede pasar el valor booleano a enableProgress y para cambiar la posición del progreso, puede usar la propiedad ProgressIndex junto con la propiedad de duración para controlar el movimiento.
<StoryContainer visible={true} enableProgress={true} images={images} duration={20} onComplete={() => alert("onComplete")} containerStyle={{ width: '100%', height: '100%', }}/>