Both renderContent and renderHeader 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 the Collapsable.js example.
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-jumpHow to reproduce:
renderContent
andrenderHeader
have to be usedWhat I expect to happen:
What happens:
Potential solution:
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.