Oleksii Bulenok
17 lines
807 B
TypeScript
17 lines
807 B
TypeScript
import {useContext} from 'react'
|
|
import {DrawerGestureContext} from 'react-native-drawer-layout'
|
|
import {Gesture, GestureDetector} from 'react-native-gesture-handler'
|
|
|
|
/**
|
|
* BlockDrawerGesture must wrap the ScrollView directly - Gesture.Native()
|
|
* only works when attached to the natively scrollable view. On the new
|
|
* arch (Android), attaching it to a wrapper view breaks scrolling.
|
|
*/
|
|
export function BlockDrawerGesture({children}: {children: React.ReactNode}) {
|
|
const drawerGesture = useContext(DrawerGestureContext) ?? Gesture.Native() // noop for web
|
|
let scrollGesture = Gesture.Native()
|
|
.shouldCancelWhenOutside(false) // for some reason defaults to true on Android
|
|
.blocksExternalGesture(drawerGesture)
|
|
return <GestureDetector gesture={scrollGesture}>{children}</GestureDetector>
|
|
}
|