CODEWITHSUNDEEP
react-nativeexporeact-navigationnativereact-navigation-bottom-tab
Pratham Rohatgi
Pratham Rohatgi

Reputation: 49

how to remove the active icon background color (the purple tint here)? react bottom tab navigation

bottom barbottom bar herecode screenshot

     "@react-navigation/material-bottom-tabs": "^6.2.11",
     "@react-navigation/native": "^6.1.2",

tried tabBarOptions,activeTintColor.

Upvotes: 1

Views: 544

Answers (2)

Jan G-M
Jan G-M

Reputation: 103

This worked for me

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

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

https://github.com/callstack/react-native-paper/issues/3554

Upvotes: 1

Yücel
Yücel

Reputation: 61

Delete "activeBackgroundColor". if there is no code, add "activeBackgroundColor:'transparent'"

Upvotes: 1

Related Questions