反应本机 Tabbar 颜色更改不起作用

Question

我想在 React Native 中点击标签栏时改变它的颜色。我尝试使用此代码，但它显示了 iPhone 上的标准颜色。我搜索了解决方案，但没有人在工作。更改 tabBarLabel 有效，但颜色无效。你可以帮帮我吗？这是我的代码：

const Tab = createBottomTabNavigator();

<Tab.Screen name="Settings" component={Settings}
  tabBarBadgeStyle={{backgroundColor: '#0000ff', color:'green'}}
 
 tabBarOptions={{
   tabBarLabel: 'Test',
   style: { backgroundColor: 'orange'}
 }}/>

Answer 1

您必须在导航器中添加 tabBarOption 而不是屏幕，

    <Tab.Navigator
          tabBarOptions: {
          activeTintColor: '#e91e63',
         labelStyle: {
          fontSize: 12,
               },
         style: {
       backgroundColor: 'blue',
           },
         }>
          <Tab.Screen
            name={variable.overViewScreen}
            component={Overview}
          />
          <Tab.Screen
            name={variable.homeScreen}
            component={DashboardRoot}
          />
        </Tab.Navigator>

反应本机 Tabbar 颜色更改不起作用

React native Tabbar color change does not work

javascript

css

tabbar

react-native