tabBarBadgeStyle prop doesn't work

[tannerschmutte]

Current behavior

the tabBarBadge remains ugly red no matter what I do.

Expected behavior

allow the tabBarBadge to be styled

Reproduction

https://snack.expo.dev/@inpubliq/55a5c4?platform=ios

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/material-bottom-tabs
• @react-navigation/drawer
• @react-navigation/material-top-tabs
• @react-navigation/stack
• @react-navigation/native-stack
• react-native-tab-view

Environment

{
"dependencies": {
"@expo/vector-icons": "^13.0.0",
"@react-navigation/material-bottom-tabs": "^6.2.12",
"react-native-paper": "^5.1.4",
"react-native-safe-area-context": "4.6.3",
"@react-navigation/native": "^5"
}
}

[github-actions]

Couldn't find version numbers for the following packages in the issue:

• @react-navigation/native

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

[github-actions]

Couldn't find version numbers for the following packages in the issue:

• @react-navigation/native
• @react-navigation/bottom-tabs

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

[zouhairgharsa]

try this options={({ }) => ({
tabBarBadge: "Why I'm not green?",
tabBarBadgeStyle: { backgroundColor: "green" },
})}

[tannerschmutte]

hi zouhairgharsa, that has no effect either. did you even try to get it to work doing that?

[github-actions]

Hey! This issue is closed and isn't watched by the core team. You are welcome to discuss the issue with others in this thread, but if you think this issue is still valid and needs to be tracked, please open a new issue with a repro.

[satya164]

https://reactnavigation.org/docs/material-bottom-tab-navigator/

The material-bottom-tabs navigator is moved to react-native-paper. Refer to react-native-paper's documentation instead for installation instructions, usage guide and API reference. For any issues with the navigator, please open an issue in react-native-paper's repository.