Change tab name in uitabbarcontroller

Question

I have a TabBarController set as main controller tab, where names were defined using interface builder. Now I would like to change its names programmatically.

How could it be done?

Solution 1

Updated to XCode 8

Since my original answer, a lot has happened: Swift 3, Storyboards, etc. Title is usually the one that all views share, and can be set in the attributes inspector

Also, for more control, you can always drag the UITabBarItem, and UINavigationItem elements from the designer view. You must drag them to the view that's gonna be displayed in the tab bar/navigation controller. Basically they store the info as "I wanna be displayed in tab bar like this".

Hello Scene is getting a TabBarItem added to it, so it can be configured.

These two elements behave exactly as accessing the view controller's .tabBarItem and .navigationItem properties via code. These properties always exist in code if they are child of the corresponding object (nav has navItem, and tab has tabItem), you don't need to add them in storyboard/xib to have them.

This last thing is kinda confusing, since in the storyboard/xib it appears you're adding them to the view controller, but in truth you're just saying "the nib will configure these properties too".

Original Answer

The name that appears on the tab bar comes from the UIViewController's title property,

self.title = @"Name me!";

You can change the title at any point, and it should update the text appearing on the tab bar item. But be wary, do this as soon as possible, ideally, in the init method in use (or initWithNibName:bundle:, or initWithCoder:).

The key here, is that the init methods are called as soon as the tab bar appears on screen, as it initialises all of its view controller. If you were to do it on viewDidLoad, that would only get called if you actually select the tab, then other family of calls, same goes for awakeFromNib, viewWillAppear:, viewDidAppear:, etc.

The idea of having a title on the UIViewController, is to keep things consistent. If you show that viewController on a UINavigationController, the navigation bar on top should use the title property, as it does when using back. The UITabBarController also respects the same title property and changes accordingly.

In terms of reusability, you should be setting the title only from the inside of the UIViewController subclass.

The way of the Nib

Using nibs or storyboards? If you have a UIViewController, you can give it the name straight up in the attributes inspector (or ⌥⌘4)

Unfortunately, if the File Owner is the UIViewController subclass, then you won't be able to access it this way, simply because, XCode registers the File Owner as an "External Object", and doesn't show a configuration panel for it. :(

Multiple titles, same view controller

But sometimes, you just want to have them named differently

// Modify the display title on the tab bar
self.tabBarItem.title = @"World";

// Modify the display title on the navigation bar
self.navigationItem.title = @"Hello World";

Screwing with the neighbours

Each UIViewController should handle his own name, what if you want to force it from the outside (and thus, completely violating the original thing I said about reusability)?

// Rename the other guy's .title property
[[self.tabBarController.viewControllers objectAtIndex:<#Index#>] setTitle:@"Hello World"];

// Or do as before, and rename the other guy's tab bar 
[(UITabBarItem*)[self.tabBarController.tabBar.items objectAtIndex:<#index#>] setTitle:@"Hello World"];

You could also probably do it with the navigation item, but that would require more gymnastics than I'm comfortable with.

Solution 2

However it is possible to do it in code, it is better to set this directly in Storyboard. How?

Just tap the appropriate tab bar item inside controller (NOT INSIDE TABBAR CONTROLLER).

Then switch to attribute inspector on the Utilities panel.

Now you are able to change everything:-)

Solution 3

Swift 4+

tabBarController?.tabBar.items![1].title = "xx"

Solution 4

You probably want to do this in UITabBarController::viewDidLoad in which case you need to set the view controller's title because the tab bar items are currently 0 at that point. So use

[[self.viewControllers objectAtIndex:0] setTitle: @"Buga"];
[[self.viewControllers objectAtIndex:1] setTitle: @"Nuga"];

Solution 5

This is how you can change the name and the image of the icon of a tab bar:

 self.tabBarItem = [[[UITabBarItem alloc] initWithTitle:@"Main Tab" image:[UIImage imageNamed:@"maintab.png"]] autorelease];

View more solutions

Comments

[Can]

Be careful there, you're not releasing the new UITabBarItem, either append a [ autorelease], or create a new one with, add it, and then release it.

[TommyG]

Thanks, I changed it. I am using ARC so did not have it.

[Erik B]

There's no need to create a new one. This is a bad solution with or without a memory leak.

[Ruth85]

I already try it and it does not generate any error. However it is not working, tab name remains the same.

[dchakarov]

The self.tabBarItem.title solution does not work for me either, but the other one does: [[self.parentViewController.tabBarController.tabBar.items objectAtIndex:4] setTitle:@"NewTitle"];

[smoothumut]

Multiple titles, same view controller section helped me a lot. thank you my friend

[rounak]

FWIW, I had to modify the parentViewController's tabBarItem rather than the view controller's itself

[dcow]

This is actually the answer (=

[Genevios]

I am not understand for why your answer didn't accept..it's really awesome answer! Thanks! You are saved my time!