Tab bar not showing icons?

user_4700495 0
Viewed 17071

I read a bunch of related questions, I tried what they said, nothing works really. Not sure why. So, I have 3 different UIStoryboards. First one is the Auth Storyboard that handles Login/Register and there's a storyboard reference to the second Storyboard - Tab bar storyboard. This storyboard contains 5 other storyboard references that would load it's separate view controllers.

My problem is that the icons are not showing once the user is logged in. I setup a custom color of the first view controller in the UITabViewController just to make sure it loads. It does.

I've tried to setting all images/icons to render them as "Original", didn't work. I set a system image, just to see if that's the issue, they are not shown. Also worth mentioning is that the icons are shown in the storyboard but when its being compiled, they're nowhere to be seen in the simulator.

What am I doing wrong?

enter image description here

PS: I've changed the tint color of the tab bar, just to test it, and it works. So, the problem is not with that...

uitabbaritem uitabbar uitabbarcontroller xcode ios
6 Answers

Problem With Storyboard References and Missing Tab Bar Icons

If you have Storyboard References attached to your Tab Bar Controller you will notice that the storyboard reference actually has a UITabBarItem on it:

fake UITabBarItem

Do not set the properties for this "fake" UITabBarItem!

Your settings will do nothing at all when you run the app. The values you provide ONLY affect what you see in Interface Builder, not your app when you run it.

Solution

What you need to do is go to the ACTUAL view controller that your storyboard reference is pointing to. That view controller will also have a UITabBarItem on it. This is the "real" UITabBarItem. Set your properties (icon, title, etc.) there and you will see them show when you run the app.

actual view controller

user_22099650

Don't forget to set Selected Image property and Image property inside tab bar item and bar item category respectively!

enter image description here

user_98706170

I had the same problem. My mistake was I did set the Selected Image in the "Tab Bar Item", but I did not set the Image property.

So, the tab bar icon was showing up in the child views [in storyboard] but was not showing up in the parent view (i.e. TabBarController).

user_16696340

If you are making your navigationController programmatically, you will see the same symptoms due to viewDidLoad being called too late. Overriding init in your child view controllers will get your icons showing properly.

override init(nibName nibNameOrNil: String?, bundle nibBundleOrNil: Bundle?) {
    super.init(nibName: nibNameOrNil, bundle: nibBundleOrNil)
    self.tabBarItem = UITabBarItem(title: "Settings", image: UIImage(named: "gear"), tag: 1)
}

required init?(coder: NSCoder) {
    super.init(coder: coder)
}

Happy coding!

user_107521940

I had a similar issue to above but neither text nor image were displaying as a tabItem, but an empty placeholder area was there & could still click on it and open the view.

My tabItem's viewController was set to a Storyboard Reference therefore when I manually added the Tab Bar Item accidentally dropped it inside the Scene BUT outside the scene's viewController. This apparently matters....

enter image description here

user_77422090
Related