React native Question posted in
The official React Native documentation can be found here.

How to change the color of the bottom bar (below the navigation tabs) in React Native

enter image description here

On Android, I would like to change the bottom bar on the screen from black to translucent, please check the image it’s the bar below the navigation tabs. I’m developing the app with react native, using react navigation..

Tags:

2

Answers


  1. 0

    You can use SafeAreaView and you can add a background color for example:-

    import {SafeAreaView} from 'react-native';

const Demo = ({
    return (
        <SafeAreaView style={{backgroundColor: 'black'}}>
        </SafeAreaView>
    )
})
    Login or Signup to reply.
  2. 0

    you can try this method also…

    <Tab.Navigator
      tabBarOptions={{
        tabBarStyle: { backgroundColor: 'rgba(0, 0, 0, 0.5)' }, // Translucent black color
      }}
    >
      {/* Define your tab screens here */}
</Tab.Navigator>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search