react-native-navigation-drawer-extension
react-native-navigation-drawer-extension copied to clipboard
[iOS] Side Menu closes when scroll fast
Hello, I have implemented the Side Menu from the right side with a FlatList
inside of it and with the HOC
to be able to have swipe gestures.
The problem that I'm having is that when you scroll fast, the side menu closes. Also, the FlatList is a bit laggy especially when you change scroll direction. For example when scrolling up, then scrolling down, the list gets stuck and is scrolling elements one by one for a while.
This is my default props for the Side Menu:
const defaultDrawerProps = {
animationOpenTime: 250,
animationCloseTime: 250,
direction: DirectionType.right,
dismissWhenTouchOutside: true,
fadeOpacity: 0.6,
drawerScreenWidth: '85%',
drawerScreenHeight: '100%',
disableDragging: true,
style: {
backgroundColor: 'white',
},
}
I added disableDragging
to true
but the situation is the same.
Also, if I have both disableDragging
and disableSwiping
set to true
, the Side Menu is not closing anymore but the laggy behaviour is still there. Sometimes, when scrolling, the elements are scrolled one by one for a while.
Note that this issue is only on iOS.
Does anybody has this issue too?
Thank you!