React Native Tabbar 颜色更改不起作用

Question

我想在本机反应中单击标签栏时更改标签栏的颜色。我尝试使用此代码，但它显示了我的 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 而不是 screen ，

    <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>