How to Hide Navigation Bar on Tap in UIKit

Suppose you want to add a tap gesture to show and hide a navigation bar and toolbar of a navigation controller.

In that case, you can easily do that by setting a property in UINavigationController, hidesBarsOnTap.

hidesBarsOnTap = true

How to Hide Navigation Bar on Tap in UIKit

To toggle a toolbar show and hide according to a tap, we set the hidesBarsOnTap property to true.

You set this value on a UINavigationController instance.

let nav = UINavigationController(rootViewController: MyViewController())
nav.hidesBarsOnTap = true

You can also set this value from a view controller.

override func viewDidLoad() {
    super.viewDidLoad()
    
    navigationController?.hidesBarsOnTap = true
}

Since it is a navigation controller's property, setting it to true will enable the behavior on any view controller under the navigation controller.

So, make sure you set it back to false if you want to enable this behavior only on a specific view.

navigationController?.hidesBarsOnSwipe = false

You can easily support sarunw.com by checking out this sponsor.

Note Taking:Quickly take note using Voice, Camera, or Typing

Try it for Free

When should we enable Hide Navigation Bar on Tap

You can use it whenever you want, but to give you some context, you probably want to use this in a view that you want users to focus on content.

Apple enables this behavior in the Photo app.

We can replicate the behavior by setting hidesBarsOnTap = true.