React Native Tabbar Android图像不溢出

Question

我正在使用react-native-router-flux

中央按钮高于Tabbar，在iOS上运行良好但在Android上按钮的上半部分被剪切，请参见图像：

的iOS

的Android

这是Tabbar Social组件的样式：

const BtnTabbarSocial = (props) => {
    const source = ...
    return (
        <View style={styles.container}>
            <Image
                source={source} 
            />
        </View>
    );
};

const styles = {
    container: {
        width: 64,
        height: 60,
        alignItems: 'center',
        justifyContent: 'center',
        borderRadius: 30,
        paddingBottom: 5,
        position: 'absolute',
    }
};