Multiple badge colors across items in a TabBar Controller (Swift)

user_2912550 0
Viewed 164

I have an app with a four-tabbed UITabBarController. I've been trying to customize different badge (background) colors across the various tabs, but haven't been able to achieve a unique customization per tab.

What I'm trying to accomplish:

  • Open up the app, 2nd tab is selected by default
  • Notification comes in for the 3rd tab, render a badge on the 3rd tab and show the badgeBackgroundColor as blue
  • The whole time, any badges on the other tab should stay red

It seems like the tab bar will only look at the standardAppearance for the tabBarItem in the currently selected tab, e.g. if i set the badgeBackgroundColor for tab 3 to blue, the badges across the whole TabBar turn blue when i select the tab. Then when i switch to any other tab, the badges across all TabBar items take on the badgeBackgroundColor from the newly selected tab.

I also tried to use tabBarItem.badgeColor but this seemed to have no effect at all.

Will the standardAppearance of a tabItem always impact all the other tabs? Is there a way to uniquely customize the badgeBackgroundColor of each tabItem across the app?

ios13 badge swift uitabbarcontroller
2 Answers

Can't speak for the second two questions, but to answer the first:

To have the second tab bar selected initially, connect the tabBar to a custom UITabBarController and use the tabBarController's selectedIndex to set the initial tab like so:

class TabBarController: UITabBarController {

override func viewDidLoad() {
    super.viewDidLoad()
    //The second tab is the first to show
     self.selectedIndex = 1
}
user_127832090

u can try like this:

  • first question
 selectedIndex = 2
  • second question
tabBar.selectedItem?.badgeColor = .red
user_77254020
Related