FormidableLabs / FormidableLabs/react-swipeable
How to change the width of each slide ?
- Lenguaje dominante
- TypeScript
- Estrellas
- 2.1k
- Forks
- 149
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
Hi,
I am trying to use this demo [https://codesandbox.io/s/react-swipeable-image-carousel-hben8](url) in my project, but I need to reduce the width of each slide. I tried to set the width, but this made the space between each slide larger. I also tried to add the condition if (!props.sliding) return "none" at the component.tsx, this reduced the space but made the swipe effect not smooth.
Could you please tell me the way to change the width of the slide without making the space between each slide larger?
Thank you.
Regards,
Elva
Guía de contribución
Línea de trabajo
Comienza con el CodeSandbox enlazado e inspecciona component.tsx, centrándote en cómo se coordinan el ancho de la diapositiva, el espaciado y la condición de desplazamiento. Reproduce el caso de ancho reducido y verifica que el comportamiento completado mantenga los espacios sin cambios y preserve un efecto de swipe fluido.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- react, typescript
- Área
- frontend
- Tipo de issue
- Nueva funcionalidad
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 25/100