0

我有一个基于 TouchableOpacity 的自定义组件，我按照本教程进行操作

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

它使用了溢出视图，但不幸的是 onPress() 在本机反应中无法使用溢出视图，有人找到了解决方法吗？

这是我的按钮

<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

4

0 回答 0