如何垂直居中放置RNE图标？

Question

我正在使用react-native-elements Icon组件，并且试图使其更小，但仅使其高度而不是尺寸。我想保持相同的尺寸，但高度较小。

问题是当我更改图标的高度时，图标本身不会起伏，只会切割图标的底部。

我想使图标居中。

这里是没有高度的图标，它有一些奇怪的填充，即使填充为零，也不会消失。

这里是高度较小的图标，但图标的底部被切除了。

这是我到目前为止完成的代码。尝试缩小Icon。 * 仅重要部分

import { StyleSheet } from 'react-native'
import { Icon } from 'react-native-elements'

<Icon
    name='angle-up'
    type='font-awesome'
    color='blue'
    containerStyle={iconStyles.container}
    iconStyle={iconStyles.icon}
    onPress={() => this.handlePlusValue(time, i)} 
    size={75}
/>

const iconStyles = StyleSheet.create({
    container: {
        alignSelf: 'center',
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center'
    },
    icon: {
        backgroundColor: 'green',
        height: 50,
        textAlign: 'center', 
        width: 100, 
    },
});

如何在不改变图标尺寸的情况下缩小图标的高度，又如何使图标居中？