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

Question

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

tried tabBarOptions,activeTintColor.

Welcome! Can you please read about [the problems with images of text](https://meta.stackoverflow.com/a/285557/11107541) and then [edit](https://stackoverflow.com/posts/75306871/edit) to add transcriptions of your images of text as actual text? Perhaps useful: [/help/formatting](https://stackoverflow.com/help/formatting). — RubenSmn, Feb 05 '23 at 17:15

score 1 · Answer 1 · answered Feb 01 '23 at 10:33

1

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

answered Feb 01 '23 at 10:33

Yücel

score 0 · Answer 2 · answered Mar 09 '23 at 20:13

0

This worked for me

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

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

answered Mar 09 '23 at 20:13

Jan G-M

2 Answers2