反应导航标签栏活动标签

Question

我正在尝试使用react-navigation createBottomTabNavigator创建TabBar。我想在启用时在Tab上方添加此红色内容。任何想法如何实现这一目标？我正在考虑更改Tab容器（如果处于活动状态），但是找不到如何执行此操作。谢谢

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"
    />
  ),
};