Реакция навигации TabBar Активная вкладка

Question

Я пытаюсь создать TabBar, используя реагирующую навигацию createBottomTabNavigator.Я хочу добавить эту красную вещь над вкладкой, когда она активна.Есть идеи как этого добиться?Я думал об изменении контейнера Tab, если он активен, но не мог найти, как это сделать.Thx

https://i.stack.imgur.com/lSfQJ.png

Answer 1

Если ваши вкладки указывают на другие навигаторы стека, лучше всего было бы передать пользовательский компонент в tabBarIcon.Примерно так:

SomeStack.navigationOptions = {
  tabBarIcon: ({ focused }) => (
    <TabBarButton
      isFocused={focused} // render red thing above if focused
      iconName="icon name"
    />
  ),
};