垂直居中标签栏图标 - React Native

Question

我只是在创建自定义导航标签栏和垂直居中图标时遇到问题。看起来它被推高了一点，如下图所示：

这是标签导航的样式：

tabBarOptions: {
    activeTintColor: '#e91e63',
    labelStyle: {
        fontSize: 12,
    },
    style: {
        position: 'absolute',
        backgroundColor: 'white',
        width: DEVICE_WIDTH * 0.94,
        borderBottomLeftRadius: 33,
        borderBottomRightRadius: 33,
        borderTopLeftRadius: 10,
        borderTopRightRadius: 10,
        bottom: 12,
        marginLeft: '2.8%',
        shadowColor: '#000000',
        shadowOffset: {
          width: 0,
          height: 0.3
        },
        shadowRadius: 5,
        shadowOpacity: 0.1
    }

非常感谢！

Answer 1

可以通过为图标指定样式来解决此问题：

<Icon
    name="user"
    color={tintColor}
    size={28}
    style={{ textAlignVertical: 'center' }}
/>