底部标签栏背景颜色不起作用

【问题标题】：Bottom Tab bar background color not working底部标签栏背景颜色不起作用
【发布时间】：2021-09-13 03:15:18
【问题描述】：

我正在尝试更改底部标签的背景颜色，但我不能。我知道 TabBarOptions 已被弃用，可能是导致问题的原因，但我很难找到解决方法。

这是一个工作示例here。

这也是代码的简短示例

 <Tab.Navigator
    initialRouteName="Home"
    tabBarOptions={{
      activeTintColor: '#F60081',
      style: {
        backgroundColor: '#b3b3b3',
        
        
      },
      
    }}
   
  >

【问题讨论】：

标签： reactjs react-native react-native-tabnavigator

【解决方案1】：

您必须使用 screenoptions 和 tabbarstyle，如下所示

<Tab.Navigator
initialRouteName="Home"
screenOptions={{
  activeTintColor: '#F60081',
  tabBarStyle: {
    backgroundColor: '#b3b3b3',
    borderTopColor: 'transparent'
  }
}}

【讨论】：

所以这适用于背景颜色，但现在 activeTintColor 不起作用
试试 tabBarActiveTintColor