У меня есть пользовательский компонент, основанный на 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