callstack / callstack/react-native-pager-view

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

Offen
#1,049 2 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
question
Vorherrschende Sprache
TypeScript
Sterne
3.4k
Forks
476
Ø Merge
10 T. 21 Std.
Gemergte PRs (30 T.)
2

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Reproduziere die Geste einer verschachtelten horizontalen FlatList unter Android mit react-native-pager-view 6.8.1 und React Native 0.74.3 und verwende dafür sowohl ein physisches Gerät als auch einen Emulator. Beginne damit nachzuverfolgen, wie PagerView und die verschachtelte FlatList horizontale Gesten verarbeiten. Als erledigt gilt, wenn die innere Liste die Kontrolle über das horizontale Scrollen behält, ohne die Seiten zu wechseln, während das bestehende iOS-Verhalten unverändert bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
android, react-native, typescript
Bereich
mobile
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Aktiv
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
48/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.