Изображение иконки обрезается во вкладке навигатор - реагируй родной - PullRequest
Новая
       34

Изображение иконки обрезается во вкладке навигатор - реагируй родной

0 голосов
/ 02 ноября 2018

Используя реагирующую навигацию - createBottomTabNavigator, я пытаюсь немного толкнуть значки вниз, но это обрезается, и я не уверен, почему.

enter image description here

Есть ли способ исправить это случайно? или если бы вы могли направить меня к некоторой информации об этом.

Стиль значка ниже: 

<Icon
   name="heart"
   color={tintColor}
   size={28}
   style={{ marginTop: '20' }}
 />

И вот опции панели вкладок: 

 tabBarOptions: {
    showLabel: false,
    activeTintColor: '#e91e63',
    indicatorStyle: {
        height: 100
    },
    style: {
        position: 'absolute',
        backgroundColor: 'transparent',
        height: 50,
        width: DEVICE_WIDTH * 0.94,
        borderTopColor: 'transparent',
        borderBottomLeftRadius: 33,
        borderBottomRightRadius: 33,
        borderTopLeftRadius: 10,
        borderTopRightRadius: 10,
        bottom: 0,
        margin: 10,
        shadowColor: '#000000',
        shadowOffset: {
          width: 0,
          height: 0.3
        },
        shadowRadius: 5,
        shadowOpacity: 0.1

    },

    tabStyle: {}
}

Большое спасибо заранее

Ответы [ 2 ]

0 голосов
/ 03 ноября 2018

Нижняя часть iPhone X зарезервирована для полосы прокрутки дома

реагирует на навигацию, как и во многих других библиотеках, реализует новый SafeAreaView или добавляет свои собственные отступы в нижней части iPhone X, чтобы помешать размещению контента в этой зоне.

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

0 голосов
/ 03 ноября 2018

Спасибо за Самиту, пришлось установить высоту иконки: 

<Icon
    name="heart"
    color={tintColor}
    size={28}
    style={{ marginTop: 30 , height: 28 }}
 />
...