callstack / callstack/react-native-pager-view

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

Open
#1,049 2 comments 1 reaction 0 assignees View on GitHub
question
Dominant language
TypeScript
Stars
3.4k
Forks
476
Avg merge
10d 21h
Merged PRs (30d)
2

Description

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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.