React-native-reanimated-bottom-sheet: Components with gesture handlers not working inside bottom sheet content

Created on 5 Sep 2019  路  4Comments  路  Source: osdnk/react-native-reanimated-bottom-sheet

When you use component with gesture handlers inside bottom sheet content gesture events are not properly passed to children (even when events are based on different axis).

For example, putting SwipeListView as content results in no swipe ability:
https://github.com/jemise111/react-native-swipe-list-view

Am I doing something in a wrong way or is there any workaround for that issue?

Most helpful comment

@brunocrpontes @ofiron01 Gesture interaction handling has been extended and now BottomSheet offers additionally two gesture flags based on component. When I was reporting an issue I was using old version.

Adding enabledHeaderGestureInteraction: true and enabledContentGestureInteraction: false fixed that issue for me.

All 4 comments

How you fixed it @Simek ?

@Simek please share your solution

@brunocrpontes @ofiron01 Gesture interaction handling has been extended and now BottomSheet offers additionally two gesture flags based on component. When I was reporting an issue I was using old version.

Adding enabledHeaderGestureInteraction: true and enabledContentGestureInteraction: false fixed that issue for me.

Thank you @Simek , that did the trick

Was this page helpful?
0 / 5 - 0 ratings