TouchableOpacity onPress not working

See original GitHub issue

<View style={{flexDirection: 'row', alignItems: 'center', justifyContent: 'space-around'}}>
          <View style={{flex: 1}}>
            <Icon
              name='menu'
              size={42}
              color='#99b2b7'
              onPress={this.showSideMenu.bind(this)}
            />
          </View>
          <Logo containerStyle={{height: 60, width: 100}} />

          <View >
            <Text>{' '}</Text>
          </View>
        </View>

If remove flex: 1 on first View onPress does not working any workaround?

Issue Analytics

State:
Created 7 years ago
Comments:9 (3 by maintainers)

Top GitHub Comments

4reactions

boomflycommented, Dec 2, 2016

Thanks for your reply. I found the cause of the problem. Its react-native-drawer

<Drawer
        ref="navigation"
        type="displace"
        open={state.open}
        onOpen={() => Actions.refresh({ key: state.key, open: true })}
        onClose={() => Actions.refresh({ key: state.key, open: false })}
        content={<SideMenu />}
        tapToClose
        openDrawerOffset={0.2}
        panCloseMask={0.2}
        negotiatePan
        panOpenMask={0.3}
        captureGestures // <-- this prop overlap touch events
        tweenHandler={(ratio) => ({
          main: { opacity: Math.max(0.54, 1 - ratio) },
        })}
      >
        <DefaultRenderer navigationState={children[0]} onNavigate={this.props.onNavigate} />
 </Drawer>

0reactions

Pooja043commented, May 10, 2017

working only when we remove panOpenMask, panCloseMask props