React Native底部Tab栏背景色设置失效，TabBarOptions弃用求解决方案

React Navigation v6及以上版本已正式废弃tabBarOptions属性，所有Tab栏相关配置需迁移到screenOptions参数中，样式相关命名也做了对应调整，修改后代码如下：

<Tab.Navigator
  initialRouteName="Home"
  screenOptions={{
    // 原activeTintColor调整为tabBarActiveTintColor
    tabBarActiveTintColor: '#F60081',
    // 原tabBarOptions.style调整为screenOptions.tabBarStyle
    tabBarStyle: {
      backgroundColor: '#b3b3b3',
    },
  }}
>

其他常用配置的对应规则：

• 原tabBarOptions.inactiveTintColor → 新screenOptions.tabBarInactiveTintColor
• 原tabBarOptions.showLabel → 新screenOptions.tabBarShowLabel
• 原tabBarOptions.labelStyle → 新screenOptions.tabBarLabelStyle

内容的提问来源于stack exchange，提问作者Justin Priede