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