Skip to content

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

@daniel-xyz

Description

@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).

bottom.sheet.bug.mov

Reproduction sample

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

Relevant log output

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions