react-native - React Navigation TabBar 活动选项卡

Question

我正在尝试使用react-navigation createBottomTabNavigator. 当它处于活动状态时，我想在 Tab 上方添加这个红色的东西。任何想法如何实现这一目标？如果 Tab 容器处于活动状态，我正在考虑更改它，但找不到如何执行此操作。

标签： react-nativereact-navigationtabbar

Answer 1

如果您的选项卡指向另一个堆栈导航器，最好的办法是将自定义组件传递给 tabBarIcon。像这样的东西：

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