react-native-reanimated-bottom-sheet icon indicating copy to clipboard operation
react-native-reanimated-bottom-sheet copied to clipboard

Quick up & down gesture makes a delayed jump

Open Kristonitas opened this issue 4 years ago • 2 comments

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

Kristonitas avatar Jul 10 '20 12:07 Kristonitas

same issue

owenzh22 avatar Aug 18 '21 12:08 owenzh22

add enabledInnerScrolling={false} and it works

owenzh22 avatar Aug 18 '21 14:08 owenzh22