Как увеличить расстояние между одним значком и другим значком в нижних вкладках материала в реагирующем

Question

Я использую @react-navigation/material-bottom-tabs в моем приложении на собственном языке. Как увеличить расстояние между значками и выровнять их одинаково в зависимости от ширины устройства.

react-native: 0.62.1 @react-navigation/native: ^5.1.5 @react-navigation/material-bottom-tabs: ^5.1.8

Текущее поведение

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

ожидаемое поведение

Я использую вкладки нижних материалов и хочу увеличить пространство между одним значком и другим значком на нижних вкладках материалов (или) Выровняйте значки одинаково.

Answer 1

---

<Tab.Navigator
  initialRouteName="Home"
  activeColor="#f0edf6"
  inactiveColor="#3e2465"
  barStyle={{ backgroundColor: '#694fad' }}
>
  {/* ... */}
</Tab.Navigator>

Существует опора, похожая на barStyle, вы можете добавить свои собственные стили для навигатора вкладок. Надеюсь, это решит вашу проблему.

---