callstack / callstack/react-native-pager-view
Rendering in ScrollView makes gestures hard to be picked up on Android
- Lenguaje dominante
- TypeScript
- Estrellas
- 3.4k
- Forks
- 476
- Merge medio
- 10 d 21 h
- PR fusionados (30 d)
- 2
Descripción
## Environment
Android
react-native: 0.66.4
react-native-pager-view: 5.4.15
## Description
Running into a couple of issues when rendering pager view inside ScrollView on Android.
1. Swiping diagonally at a small angle - 10-20 degrees - gets captured by scrollview and not pager view.
2. Swiping horizontally while the the scroll still has momentum doesn't get captured by pager view.3.
These issues combined make a terrible user experience on Android.
| Diagonal swipe | Scroll momentum |
|:--------------------------:|:-------------------------:|
|  |  |
## Reproducible Demo
https://snack.expo.dev/D1avOzeAs?platform=android
Guía de contribución
Línea de trabajo
Comienza con la demo reproducible de Expo Snack enlazada en Android y reproduce tanto los casos de deslizamiento diagonal como los de impulso de desplazamiento descritos en el issue. Rastrea cómo React Native PagerView y el ScrollView circundante gestionan los gestos; se considera terminado cuando los deslizamientos horizontales del pager se capturan de forma fiable en ambas situaciones sin romper el desplazamiento.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- android, react-native, typescript
- Área
- mobile
- Tipo de issue
- Error
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 38/100