无法更改标签栏背景颜色

Question

我在我的项目中使用BottomTabNavigator，尽管我试图更改样式背景颜色，但无法更改选项卡的颜色，该选项卡为默认颜色。以下是我正在使用的代码，即使tintcolors也没有更改。我附上该页面的屏幕截图。 我想更改显示图标的栏的颜色。。

{
      tabBarPosition: 'bottom',
      tabBarOptions: {
               activeTintColor: 'blue',
          inactiveTintColor: 'grey',
          style: {
            backgroundColor: 'darkcerulean',
            },
            labelStyle: {
              fontSize: 13,
          },

      }
}

有人可以帮我吗？

谢谢。

Answer 1

使用示例：

 export default createBottomTabNavigator({
      home: {
        screen: HomeScreen,
        navigationOptions: ({ navigation }) => ({ 
          title: 'Home'
        })
       }, 
      }, 
     {
        initialRouteName: "home",
        tabBarOptions: {
          style: {
           height: 55,
           backgroundColor: '#8e7e7e'
          }
        }
     });

Answer 2

根据here所述的规范，颜色名称darkcerulean的识别存在问题。

您可以尝试设置十六进制颜色#08457e

style: {
   backgroundColor: '#08457e',
}

这是小吃link