callstack / callstack/react-native-pager-view

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

Ouverte
#606 5 commentaires 4 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
TypeScript
Étoiles
3.4k
Forks
476
Merge moyen
10 j 21 h
PR mergées (30 j)
2

Description

## 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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la démo reproductible Expo Snack liée sur Android et reproduisez à la fois les cas de balayage diagonal et d’inertie de défilement décrits dans l’issue. Suivez la manière dont React Native PagerView et le ScrollView environnant gèrent les gestes ; le travail est terminé lorsque les balayages horizontaux du pager sont capturés de manière fiable dans les deux situations sans perturber le défilement.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
android, react-native, typescript
Domaine
mobile
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
38/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.