skip to Main Content

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..

2

Answers


  1. 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. 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