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

Question

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

这是一个工作示例 here。

这也是代码的简短示例

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

Answer 1

您将必须像下面这样使用屏幕选项和 tabbarstyle

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

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

Bottom Tab bar background color not working

reactjs

react-native

react-native-tabnavigator