React Native: Change color of navigation tab

By default there are parameters for colors in tabbar icon and tabbar label and these are set to the active tint color and inactive tint color.

But if you have a requirement to override this you can do the following

 <Tab.Screen
    name="Feed"
    component={Feed}
    options={{
      tabBarLabel:({ focused,color })=>(<Text style={{color:focused?"red":"aqua"}}>1232</Text>),
      tabBarIcon: ({ focused,color, size }) => (
        <MaterialCommunityIcons name="home" color={focused?"green":"blue"} size={size} />
      ),
    }}
  />

References on the props tabBarLabel can be a text or a react node, and you get the focused and the color as arguments, The color will be the color you set as activetintcolor or inactivetintcolor. focused is a boolean on whether the tab is focused or not.

Same arguments are passed to the tabBarIcon only difference is the size which is the size of the icon.

If you see the code above, I have given custom colors based on focused without using the color that is passed. You can do this as per your requirement.