loading...

Change navbar color react native

Pragati20 on February 27, 2020

How to change navigation bar color(Bottom three soft buttons) on android in react native.

react-native-navigation-bar-color - This library is not working for me.

markdown guide
 

What is your navigation library?

 

simple react-navigation(v3) i have used

 

According to api reference reactnavigation.org/docs/3.x/stack... you can use headerStyle property of navigationOptions

headerStyle is to make changes in header of the screen, i need to change bottom soft three buttons background color(nav bar)

Yeah sure, sorry i was inactive.

export const MainNavWithOnBoarding = createStackNavigator(
{
[routes.OnBoardingNav]: {
screen: OnBoardingNav,
navigationOptions: {
gesturesEnabled: false,
},
},
[routes.Drawer]: {
screen: DrawerNavigator,
navigationOptions: {
gesturesEnabled: false,
},
},
},
{
headerMode: 'none',
},
);

code of conduct - report abuse