callstack / callstack/react-native-pager-view

Rendering in ScrollView makes gestures hard to be picked up on Android

Abierto
#606 5 comentarios 4 reacciones 0 asignados Ver en GitHub
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 |
|:--------------------------:|:-------------------------:|
| ![ezgif-3-9b2f3ca01b](https://user-images.githubusercontent.com/10097195/190983276-7d64ef2a-5a50-4c4e-81b5-0a164c159731.gif) | ![ezgif-3-6767ceb422](https://user-images.githubusercontent.com/10097195/190983313-d325c31e-91ed-491f-835b-84d3940307e1.gif) |

## Reproducible Demo

https://snack.expo.dev/D1avOzeAs?platform=android

Guía de contribución

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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.