Unable to change Background color of Tab bar in BottomTabbarNavigation

#1

I am using BottomTabNavigator in my project I am unable to change the color of the Tab it’s being in default color although I am trying to change the style background color. Following is the code I am using, even the tintcolors also not getting changed. I am attaching the screenshots of the page.
I want to change the color of the bar where the icons present.

{
      tabBarPosition: 'bottom',
      tabBarOptions: {
               activeTintColor: 'blue',
          inactiveTintColor: 'grey',
          style: {
            backgroundColor: 'darkcerulean',
            },
            labelStyle: {
              fontSize: 13,
          },

      }
}

Can someone help me with that ?

Thanks in advance.
[1]: https://i.stack.imgur.com/qUfu6.png

#2

Hey @nisha_nishu,

This looks correct to me at first glance. One thing that might be of import, what version of react-navigation are you using? Also, could you throw your code in a Snack so it’s easier to debug? http://snack.expo.io/

Cheers,

Adam

#3

Hii @adamjnav ,
I am able to solve the issue by the solution provided by someone in stackoverflow.
Refernce:
(https://stackoverflow.com/questions/51764929/unable-to-change-tab-bar-background-color)

Thank You

1 Like
closed #4

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.