Tab bar item tint color

Question

In iOS 7, I been developing an app that uses the UITabBarController and I noticed that the tab bar items stay gray even tho I change the tint color of the tab bar. Is there any way to change the color of non-selected tab bar items?

This tutorial can be useful for you: https://www.captechconsulting.com/blog/steven-beyers/ios-7-tutorial-series-tint-color-and-easy-app-theming — Robert, Jan 26 '14 at 08:03

score 6 · Accepted Answer · edited May 23 '17 at 11:47

6

To do this:: follow a simple approach..

Change tintColor as you want
Add a new set of images for unselected items and render them in original mode.

For more info, read through this link

edited May 23 '17 at 11:47

Community

1
1

answered Jan 26 '14 at 11:33

Balram Tiwari

5,657
2
23
41

Put a correct coloured image is solution, and renderMode should be original is a solution. – Arpit B Parekh Nov 09 '16 at 12:36

score 6 · Answer 2 · edited Oct 22 '15 at 06:50

6

To sets the tint color globally for the app, you need to add below code In app delegate didFinishLaunchingWithOptions: method:

[[UITabBar appearance] setTintColor:[UIColor colorWithRed:13.0/255.0 green:116.0/255.0 blue:128.0/255.0 alpha:1.0]];

edited Oct 22 '15 at 06:50

Brian Tompsett - 汤莱恩

5,753
72
57
129

answered Oct 14 '15 at 08:23

Iya

1,888
19
12

1

Please consider editing your answer to include an explanation of how your code works. – Matt Oct 21 '15 at 05:30

score 0 · Answer 3 · answered Nov 26 '20 at 09:16

Changing the tabBar.tintColor property is the right way to do it, however to make it work we need to tell iOS to ignore color properties of the UIImage in TabBarItem. Hence write this code in your custom TabBarViewController's viewDidLoad()

for item in self.tabBar.items ?? [] {
    item.selectedImage = item.selectedImage?.withRenderingMode(.alwaysTemplate)
    item.image = item.image?.withRenderingMode(.alwaysTemplate)
}

Tab bar item tint color

3 Answers3

Linked