callstack / callstack/react-native-pager-view

Android: Touchables trigger when swiping in the wrong horizontal direction on first/last slide

Abierto
#776 3 comentarios 1 reacción 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
TypeScript
Estrellas
3.4k
Forks
476
Merge medio
10 d 21 h
PR fusionados (30 d)
2

Descripción

## Environment

```
"react-native": "0.72.5",
"react-native-tab-view": "*",
"react-native-pager-view": "6.0.1",
"react-native-gesture-handler": "~2.8.0"
```

## Description

I recently upgraded from a really old version of react-native-tab-view and can't seem to fix this one.

When swiping to the right on the first tab, or to the left on the last tab (so in the "wrong" direction) it triggers a tap inside my flatlist/scrollview touchables. Everything is fine when you swipe in the correct direction.

I would expect that a swipe over a touchable would not trigger a tap, even if it's in the wrong direction.

## Reproducible Demo

I have made a reproduceable snack here:
https://snack.expo.dev/@svrnlombaert/android-bug-react-native-tab-view?platform=android

Video:

https://github.com/callstack/react-native-pager-view/assets/2846986/f318c609-f5fe-4a6e-ac11-2f119390b0e5

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza ejecutando el Snack reproducible enlazado con React Native 0.72.5, react-native-pager-view 6.0.1 y react-native-gesture-handler ~2.8.0 en Android; después compara los deslizamientos en la primera y la última pestaña con el vídeo. La tarea está terminada cuando deslizar en la dirección horizontal equivocada sobre un FlatList o ScrollView táctil ya no activa su tap.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
android, react-native, typescript
Área
mobile-dev
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.