[Bug]: React Navigation header becomes unresponsive when scrolling down

[daniel-xyz]

Version

v5

Reanimated Version

v4

Gesture Handler Version

v2

Platforms

iOS

What happened?

When scrolling down (no matter if it's BottomSheetScrollView, FlatList or FlashList), the handle/title area becomes increasingly unresponsive to pan gestures. The further you scroll down, the more gesture distance is required before the sheet starts moving.

This only affects the React Navigation header (tested in v6 and v7). The default top-edge handle continues to work fine.

Reproduction steps

I could reproduce this bug in the example app just this morning. See the attached video. Unfortunately I couldn't get the expo snack working (skill issue).

https://github.com/user-attachments/assets/103048ef-3cc0-4da7-a663-99e10b76ffca

Reproduction sample

https://snack.expo.dev/@danielbischoff/bottom-sheet-navigation

Relevant log output

[MDSADABWASIM]

@daniel-xyz have you found any workaround for this?

[daniel-xyz]

@daniel-xyz have you found any workaround for this?

Kind of. I switched to formSheet for my main use case (where I heavily rely on react navigation) and only use Gorhom's sheet for one case where I don't need a navigator.

[github-actions[bot]]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[github-actions[bot]]

This issue was closed because it has been stalled for 5 days with no activity.