search

root-two / react-native-drawer

React Native Drawer
MIT License
2.54k stars 390 forks source link

Not able to click on child component #212

Open mrThinBone opened 8 years ago

mrThinBone commented 8 years ago

As title, I'm not able to click on any TouchableHighLight which is the child of Drawer. I have configured as the following snippet <Drawer ref={c => this.drawer = c} type={'displace'} openDrawerOffset={100} closedDrawerOffset={0} panOpenMask={.1} panCloseMask={.9} relativeDrag={false} content={navLayout} styles={drawerStyles} tapToClose={false} negotiatePan={true} side={'left'}> CHILD COMPONENT </Drawer>

mrThinBone commented 8 years ago

It seems that pan/swipe gesture has taken over touch gesture, how can I fix it?

kasperite commented 8 years ago

I came across the exact issue and what I did was adjusting panCloseMask so that the child component onPress event get triggered, not very ideal but it works for now

ItsNoHax commented 8 years ago

I had to do some dirty hack by overriding onStartShouldSetPanResponderCapture (for more info read: https://facebook.github.io/react-native/docs/panresponder.html) so that the panOpenMask would stop messing with my top left corner button.

jqn commented 7 years ago

What worked for me was to set PanCloseMask to a lower value panCloseMask: .2

danilvalov commented 7 years ago

Any updates?