Значки панели вкладок по центру вертикально - react native

У меня просто проблемы с созданием настраиваемой панели вкладок навигации и центрированием значков по вертикали. Похоже, он был немного приподнят, как показано на скриншоте ниже:

enter image description here

Это стиль, который у меня есть для навигации по вкладкам:

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
    }

Большое спасибо!

2
0
2 413
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Удалось исправить это, указав стиль для значка:

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

Другие вопросы по теме