callstack / callstack/react-native-pager-view

Android: Horizontal FlatList inside Vertical FlatList causes PagerView to swipe pages on fast horizontal scroll

Aperta
#1,049 2 commenti 1 reazione 0 assegnatari Vedi su GitHub
question
Lingua principale
TypeScript
Stelle
3.4k
Fork
476
Merge medio
10g 21h
PR unite (30g)
2

Descrizione

Hello,

On Android only, when using react-native-pager-view with a vertical FlatList, which itself contains a horizontal FlatList, fast (and sometimes normal) horizontal scrolling inside the inner FlatList causes the PagerView to swipe to the next/previous page unexpectedly.

This behavior does not occur on iOS.

Platform: Android
Library: react-native-pager-view (6.8.1)
React Native version: 0.74.3
Devices tested: Physical devices + emulator

Expected Behavior

The horizontal FlatList should fully handle horizontal scroll gestures, and PagerView should not change pages while interacting with nested horizontal content.

Actual Behavior

PagerView intercepts the horizontal gesture and swipes to the next/previous page, even though the user is interacting with the inner horizontal FlatList.

https://github.com/user-attachments/assets/734b1679-ac99-4a9c-9fbb-34531c34505f

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Riproduci il gesto di una FlatList orizzontale annidata su Android con react-native-pager-view 6.8.1 e React Native 0.74.3, utilizzando sia un dispositivo fisico sia un emulatore. Inizia tracciando il modo in cui PagerView e la FlatList annidata gestiscono i gesti orizzontali. Il lavoro è completo quando la lista interna mantiene il controllo dello scorrimento orizzontale senza cambiare pagina, mentre il comportamento esistente su iOS rimane invariato.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
android, react-native, typescript
Ambito
mobile
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Attiva
Chiarezza
Abbastanza chiara
Idoneità per principianti
48/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.