<Swipeable> conflict with react navigation fullScreenGestureEnabled
fukemy opened this issue · 5 comments
fukemy commented
Description
If the flatlist cell contain Swipeable
=> fullScreenGestureEnabled
not working
Steps to reproduce
- make sure add
fullScreenGestureEnabled
to Stack:fullScreenGestureEnabled: true }}> ... </>
- Using FlatList with
<Swipeable>
=>fullScreenGestureEnabled
not working
Snack or a link to a repository
Gesture Handler version
2.9.0
React Native version
0.72.5
Platforms
iOS
JavaScript runtime
Hermes
Workflow
React Native (without Expo)
Architecture
Paper (Old Architecture)
Build type
Debug mode
Device
iOS simulator
Device model
No response
Acknowledgements
Yes
fukemy commented
ok, I will provide example soon
fukemy commented
Hi @m-bert , I provided snack here, please take a look and give me some advices if I am wrong:
https://snack.expo.dev/@fukemy/gesture-handler-problem
m-bert commented
Hi @fukemy! I've looked at your snack. Since you want to use fullScreenGestureEnabled
I assume that you don't need left swipe. In that case you can use dragOffsetFromLeftEdge
prop, like this:
<Swipeable
friction={2}
rightThreshold={40}
renderRightActions={renderRightAction}
dragOffsetFromLeftEdge={1000} // Use big value to disable left-swipe
>
Tell me if that trick helps!
You can also use values like Number.MAX_VALUE
which seems to be safer choice, it is up to You to decide.
fukemy commented
thanks you