react-native-navigation-drawer-extension icon indicating copy to clipboard operation
react-native-navigation-drawer-extension copied to clipboard

[iOS] Side Menu closes when scroll fast

Open alexandrumic opened this issue 2 years ago • 0 comments

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!

alexandrumic avatar Jun 22 '22 15:06 alexandrumic