react-native-reanimated-bottom-sheet
react-native-reanimated-bottom-sheet copied to clipboard
Quick up & down gesture makes a delayed jump
Video (touches are rendered with Android debug options): https://drive.google.com/file/d/10U08AKRGyUiU1J5MQtM26ohPvv-Hc3qn/view?usp=sharing
Modified latest master
to make the issue more easy to reproduce:
https://github.com/Kristonitas/react-native-reanimated-bottom-sheet/tree/bug/up-down-jump
How to reproduce:
- Both
renderContent
andrenderHeader
have to be used - From collapsed position, expand the bottom sheet by pulling the header
- Quickly try to pull the scrollable content down.
What I expect to happen:
- The bottom sheet "catches" my second gesture and the sheet starts following my finger before finishing the snapping animation
What happens:
- The bottom sheet "ignores" my second gesture, finishes the snapping animation and then jumps back to the collapsed state
Potential solution:
- Use only
renderContent
, which has the desired scrolling functionality and add a "fixed" animated view component that would be a header. This would be similar to theCollapsable.js
example.
same issue
add enabledInnerScrolling={false} and it works