In an Instagram Clone app I started working on I had to make the following two customizations in order to match Instagram.
-
Changing the tint color on the tab bar and
-
Removing the bar item text in the tab bar
1. Changing the tint color on the Tab Bar
I choose to do this in the AppDelegate in the didFinishLaunchingWithOptions method by adding the following line:
UITabBar.appearance().tintColor = .black
This changed the tab bar color across the app in one line.
2. Removing the bar item text in the tab bar
Since I added the Tab Bar Controller in Storyboard – that is where I went to make this change. I selected the Tab Bar Item and in it’s Attribute Inspector I removed the Title.
This does not automatically center the Image vertically. The fix for that is to nudge the Image down by say 5 points in the Size Inspector by adding 5 points to the Top image inset and -5 points to the Bottom image inset.
That’s all there is to it. With these two customizations the App’s Tab Bar has the proper color and look.