react-native - 无法更改标签栏背景颜色

Question

我在我的项目中使用 BottomTabNavigator 虽然我试图更改样式背景颜色，但我无法更改默认颜色的选项卡的颜色。以下是我正在使用的代码，即使色调也没有改变。我附上了页面的截图。
我想更改图标所在栏的颜色。 .

{
      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'
          }
        }
     });