带有ViewOverflow的OnPress按钮在Android上不起作用

时间:2018-11-20 16:12:51

标签: react-native react-native-android onpress

我有一个基于TouchableOpacity的自定义组件, 我遵循了本教程

https://itnext.io/react-native-tab-bar-is-customizable-c3c37dcf711f

它使用了溢出视图,但是不幸的是onPress()不能在react native中使用溢出视图,有人找到了解决方法?

这是我的按钮

<AnimatedViewOverflow style={{
     position: 'absolute',
     width: SIZE / 2,
     height: SIZE / 2,
    ...style
}}>
<TouchableOpacity
    onPress={() => onPress && onPress()}
    style={{
        alignItems: 'center',
        justifyContent: 'center',
        width: SIZE / 2,
        height: SIZE / 2,
        borderRadius: SIZE / 4,
        backgroundColor: '#48A2F8'
    }}
    >
      <Icon name={icon} size={16} color="#F8F8F8"/>
   </TouchableOpacity>
</AnimatedViewOverflow>

在这里,当我执行onPress时,却从未编写console.log

 <SubAddButton
                style={{transform: transform(firstX, firstY, firstZ)}}
                icon="rocket"
                onPress={() => console.log('OK1')}
   />

来源可在此处获得: https://github.com/alex-melnyk/Tabber/tree/overflow_fixed

0 个答案:

没有答案