How to Hide Navigation Bar on Scroll in UIKit

By default, a navigation bar in UINavigationController will always be visible at the top of the screen.

You might not be aware of this, but since iOS 8, UINavigationController has a property that can hide a navigation bar when users scroll through the content.

Why do we need to Hide a navigation bar on scrolling

This may benefit your app if you want users to focus on your content and get the most available screen out of it.

Here is how it looks.

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

Tiny OCR: Extract text from image directly from your mac.

Try it for Free

How to Hide Navigation Bar on Scroll in UIKit

To make a navigation bar show and hide according to the scrolling, we set the hidesBarsOnSwipe property to true.

Setting this value to true will enable these two behaviors.

• Hides the navigation bar when users scroll down.
• When users try to go back up, the navigation bar will reappear.

You set this value on a UINavigationController instance.

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

You can also set this value from a view controller.

override func viewDidLoad() {
    super.viewDidLoad()
    
    navigationController?.hidesBarsOnSwipe = 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