react-native - 如何垂直居中 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, 
    },
});

如何在不改变图标大小的情况下使图标的高度变小，同时又使图标居中？