iOS

iOS Programming 101: How To Hide Tab Bar in Navigation Interface


Appcoda started out with weekly tutorials to show you how to build an app. The weekly tutorials are very detailed with step by step procedures. So far the feedbacks about the tutorials and our free iOS development course are very positive. But some readers suggested us to take one step further and create mini tutorials to answer some common iOS development questions such as how to change the color of navigation bar or color of UIbutton. Thanks for the suggestions. From this week onwards, we’ll start a new series – iOS Programming 101. Every week, we’ll publish a short tutorial to answer a common question raised in the comment area or forum.

As a fresh start of the series, we’ll show you how to hide the tab bar in a navigation-based app. Several weeks ago, we developed the tab bar app. In that tutorial, we embed the navigation controller inside the tab bar controller. So when user taps on any of the recipes, the navigation controller pushes to the detail view.

Tab Bar App with Tab Bar in Detail View

Tab Bar App with Tab Bar in Detail View

Some said the tab bar takes up considerable screen estate when displaying the detail view. How can we hide it to free up more space for better reading?

If you’ve read the official API reference of UIViewController, you know the tab bar can be hidden using a line of code. There is a property named “hidesBottomBarWhenPushed” in UIViewController. It’s a Boolean value indicating whether the toolbar at the bottom of the screen is hidden. When it’s set to YES, the tab bar will be hidden when the view controller is pushed on to a navigation controller.

In our code of the Tab Bar app, we can simply add a line of code in “prepareForSegue:” method and set the “hidesBottomBarWhenPushed” properties of the RecipeDetailViewController to “YES”.

Save the change and run the app. The tab bar should be hidden when the detail view is displayed.

Tab Bar App with Hidden Tab Bar in Detail View

Tab Bar App with Hidden Tab Bar in Detail View

What Do You Think?

What do you think about this mini tutorial? Does it help to solve the common iOS programming issue you encounter? Leave us comment to share your thought and let us know what else you’d like to see in the next mini tutorial.

iOS
How To Create UIPageViewController Using Storyboard
iOS
iOS Programming 101: Intro to MapKit API and Add an Annotation on Map
SwiftUI
Creating Advanced Animations with KeyframeAnimator in SwiftUI
  • Keane Kwa

    Keane KwaKeane Kwa

    Author Reply

    Mini tutorials are good. Simple and easy. Just hope that there will be a combination of this and the usual more complicated tutorials.


    • Simon Ng

      Simon NgSimon Ng

      Author Reply

      Don’t worry 🙂 We’ll still have the detailed tutorials.


  • Bubumuk

    BubumukBubumuk

    Author Reply

    Thanks!
    Nice.


  • Sunny

    SunnySunny

    Author Reply

    nice work !


  • James

    JamesJames

    Author Reply

    Hey man I love your tutorials a lot!!! The previous tutorial was amazing and simple. This tutorial may be helpful in the future. I do however need your help badly. In the search bar tutorial I requested a tutorial in the comments. You gave me a suggestion on what to do but since my coding knowledge is limited I wasn’t able to do it. Can you post a tutorial soon maybe on how to do it? It would be really appreciated:)


  • bug bugger

    bug buggerbug bugger

    Author Reply

    thanks


  • Spencer

    SpencerSpencer

    Author Reply

    Thanks man..!! really useful!! Was struggling with this issue since last few days. Thanks again:))


  • satya

    satyasatya

    Author Reply

    how to hide paticular tabbar item in tabbar….


    • satya

      satyasatya

      Author Reply

      is it possible to hide paticular item in tababar…..plz any one help me on this


  • gregoryzhou

    Good article but how can i get first item hidden when app open?


  • hamid mahj

    hamid mahjhamid mahj

    Author Reply

    don’t work youcan send me pls your project


  • Andres

    AndresAndres

    Author Reply

    YOU ARE A BEAST! thanks a lot


  • Kaliyarajalu

    Hi AppCoda Team..Thanks for your wonderful job. Can u publish How to login using Facebook or twitter account ? Thanks in Advance


  • Julius

    JuliusJulius

    Author Reply

    It’s working! But how can you now implement your own toolbar? Say a toolbar that allows you to delete the recipe?


Leave a Reply to bug bugger
Cancel Reply

Shares