FormidableLabs / FormidableLabs/react-swipeable

How to change the width of each slide ?

Abierto
#337 0 comentarios 0 reacciones 0 asignados Ver en GitHub
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

Abrir la 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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.