How to hide the Tab Bar in iOS

Jan 6, 2012 4

Ok, real basic tutorial this time.

One line of code! Literally.

And the magic line of code is…

MyViewController *controller = [[[MyViewController alloc] init] autorelease];
 
// This is the line! :)
controller.hidesBottomBarWhenPushed = YES;
 
[self.navigationController pushViewController:controller animated:YES];

That’s all you need .

That’s fine and all if you’re a coder, but not all of us go tap-tap on keyboards each and every day (and especially night!), whilst sucking down on cans of cola (really bad for your teeth by the way) and chomping down on pizza as we stare like zombies at our screens.

Ah, fun times …

Anyways, I’ve also put together a video tutorial that’ll show you an example Dapp exported project and the steps to find the exact spot to put our little line of code that hides our tab bar .

Check it out.

To your app success!,
Cliff

P.S. Technology is only a small part of your app success. There is the business, sales and marketing that you need to think of too :). Which is why I also provide a bunch of free education on how to succeed on the App Store - http://kerofrog.com :).

4 Responses to “How to hide the Tab Bar in iOS”

Dreamtaster says:

January 16, 2012 at 8:19 am

more interesting question is how to hide tabbar without using navigation controller

Reply
- Cliff says:
  
  January 18, 2012 at 11:18 pm
  
  self.tabBarController.tabBar.hidden = YES;
  
  You could put that in the init method for your view controller or you can create a – (void)viewWillAppear {} method to place it in.
  
  Or if you want to animate a fade out, create a – (void)viewDidAppear {} method and put the following in:
  
  [UIView beginAnimations:nil context:nil];
  [UIView setAnimationDelegate:nil];
  [UIView setAnimationDuration:1.0];
  
  [self.tabBarController.tabBar setAlpha:0.0];
  
  [UIView commitAnimations];
  
  Reply
  - Reid says:
    
    April 12, 2012 at 10:40 am
    
    Unfortunately, this will leave a tabBar-shaped area at the bottom of the screen with nothing in it, even if you animate other views to expand into this space.
    
    Reply
    - Cliff says:
      
      April 14, 2012 at 4:32 pm
      
      Oops, hmm… my bad.
      
      Correct thing to use is the ‘hidesBottomBarWhenPushed’ method. *bonk*
      
      Tutorial on this here:
      
      http://stackoverflow.com/questions/3252664/hide-the-tab-bar-in-a-tab-bar-application
      
      Reply

Dapp