我有一个基于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