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