Значки панели вкладок не центрированы по вертикали React Native Navigation ⇐ IOS

[Anonymous]

При тестировании моего собственного приложения React (с Expo) через приложение Expo Go для IOS значки не центрируются по вертикали, однако при тестировании в Интернете они центрируются по вертикали. Я попытался присвоить каждому значку родительский элемент div и центрировать его по вертикали, присвоив ему TabBarIconStyle textAlignVertical: center и textAlign: center — все, что я могу придумать, чтобы выровнять эти значки по вертикали.
Мой навигатор:

Код: Выделить всё

 (



),
}}
/>
  }} />
  }} />

Параметры моего экрана для навигатора:

Код: Выделить всё

const TabNavOptions: BottomTabNavigationOptions = {
tabBarShowLabel: false,
tabBarActiveTintColor: "#4B7079",
tabBarInactiveTintColor: "#FFFFFF",
tabBarStyle: { width: "90%", height: 60, position: "absolute", left: "5%", bottom: 30, borderRadius: 100, borderTopWidth: 0, backgroundColor: "#75B1BC" },
};

Вот как это выглядит в Интернете (и как оно должно выглядеть)


Вот как это выглядит на выставке



Подробнее здесь: https://stackoverflow.com/questions/745 ... navigation