Кнопка OnPress с ViewOverflow не работает на Android

У меня есть пользовательский компонент на основе TouchableOpacity, я следовал этому руководству

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

Он использовал View с переполнением, но, к сожалению, onPress() не работает с View с переполнением в реагировать на натив, кто-то нашел обходной путь?

Вот моя кнопка

<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 ответов

Другие вопросы по тегам