How to remove background color of active tab in @react-navigation/material-bottom-tabs

[transli]

I am using @react-navigation/material-bottom-tabs and I would like to remove background color of active tab. Which props should I use? I tried almost everything from documentation.

[lukewalczak]

I am using @react-navigation/material-bottom-tabs and I would like to remove background color of active tab. Which props should I use? I tried almost everything from documentation.

Hey @transli I would suggest then checking which theme color is used for a specific element, in your case outline pill. Its background color is theme.colors.secondaryContainer which you should be able to easily override using the theme prop:

theme={{colors: {secondaryContainer: 'transparent'}}}

[mehul2013]

@lukewalczak
theme={{colors: {secondaryContainer: 'transparent'}}}.This solution is not working. Let me know if any other solution you have.

[lukewalczak]

Please attach the screenshot with the mark which color you want to change.

[mehul2013]

@lukewalczak
I want to remove highlighted background color of specific tab. Please see the attachment:

[vivekbw]

import { useTheme } from 'react-native-paper';

const theme = useTheme();
theme.colors.secondaryContainer = "transperent"

should do the trick

[samkevin1]

@vivekbw this works, thanks!

[shahnawaz-pabon]

@vivekbw, Thank you so much. You've rescued me.

[VictorVMHC]

thanks vivekbw I had been looking for this solution for days

[0xrasla]

@vivekbw Nice thanks for this!

[gabriel-brito]

@vivekbw life saver!

[ritik2727]

import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs';

const Tab = createMaterialBottomTabNavigator();

// Inside your component
<Tab.Navigator
tabBarOptions={{
activeBackgroundColor: 'transparent', // Set the background color of active tab to transparent
}}

{/* Add your tab screens */}
</Tab.Navigator>

[kholood-ea]

import { useTheme } from 'react-native-paper';

const theme = useTheme();
theme.colors.secondaryContainer = "transperent"

should do the trick

Thank YOU!!