Как отцентрировать вертикально значок RNE? - PullRequest
Новая
       11

Как отцентрировать вертикально значок RNE?

0 голосов
/ 28 февраля 2019

Я использую react-native-elements Icon компонент и пытаюсь сделать его меньше, но только высоту, а не размер.Я хочу сохранить тот же размер, но с меньшей высотой.

Проблема в том, что когда я меняю высоту значка, сам значок не встает, а только обрезает нижнюю часть значка.

Я хочу центрировать значок.

Вот значок без высоты, у него есть странные отступы, которые даже при нулевом заполнении не исчезают.
button-normal

Вот иконка с меньшей высотой, но нижняя часть иконы обрезана.button-smaller

Вот код, который я сделал до сих пор.Попытка сделать 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, 
    },
});

Как можно уменьшить высоту значка, не меняя его размера, а также сделать значок в центре?

...