Change navbar color react native

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.

Comments

[erkangozukucuk]

What is your navigation library?

[Pragati20]

simple react-navigation(v3) i have used

[erkangozukucuk]

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

[Pragati20]

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

[erkangozukucuk]

Can you share code?

[Pragati20]

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',
},
);