How to change navigationBar height in iOS 11?

Question

Apparently changing the navigationBar height faced a new approach in iOS 11. in previous iOS versions it was possible to change the navigationBar height by hiding the default navigationBar and adding a new one with custom frame:

self.navigationController?.setNavigationBarHidden(true, animated: false)
let customNavigationBar = UINavigationBar(frame: CGRect(x: 0, y: 0, width: self.view.bounds.width, height: 64))
self.view.addSubview(customNavigationBar)

But it seems that it is not working in iOS 11 xCode beta. no matter what the new height is, it will always stay at 44.

this is what I've got in xCode 9:

does anyone know how to solve the problem?

Answer 1

Your code is working fine and it´s nothing wrong with it. If you change the background color of your customNavigationBar you´ll see that you´ll get the navigation bar with the desired height. But it seems like it´s an issue with Xcode 9 to hide the default navigation bar.

Your code with:

Xcode 9

Xcode 8

As you can see in the Xcode 9 image, you have the custom navigation bar but the default one does not hide. Probably a bug in Xcode 9, I did not manage to hide it through the Storyboard either.

This seems to be a bug in Xcode 9, bug reports has been filed to Apple.

Answer 2

The only way I could make it work was to delete the current custom Navigation Bar, and apply an embed UINavigationController to the UIViewController. Editor -> Embed In -> Navigation Controller.

On the new created Navigation Controller properties, on the Utilities (right side bar) menu 'Simulated Metrics' the 'Top Bar' attribute must be specified. In my case I needed the value: 'Opaque Navigation Bar'.

I also set the same value of 'Top Bar' on my UIViewController, just to make sure.

By doing that, a new 'Navigation Item' will be at your disposal, and you can re-add your Bar Button Items.

It's the best I could do while we wait for the Xcode 9 update to fix it.

Answer 3

This is more of a hack till Apple fixes the bug. I was facing the same issue, so I changed the top constraint of the navigation bar from 0 to 20.

Before:

After:

In case your UINavigationBar backgroundColor is something other than white, this will leave the status bar with a white color. You can fix this by adding the following in that particular UIViewController.

let statusBarView = UIView(frame: UIApplication.shared.statusBarFrame)
let statusBarColor = UIColor.red
statusBarView.backgroundColor = statusBarColor
view.addSubview(statusBarView)

Before:

After:

This seems like a lengthy hack, but still better than going back and compiling using Xcode 8.3.

Answer 4

Still haven't found how to change it size in pixels. But this is possible to create double navigation bar size (XCode 10.1):

    self.navigationController?.navigationBar.prefersLargeTitles = true

Result:

Answer 5

In iOS 11 we cannot change the navigation bar height, If you want to increase the height we should go with custom view.

Reference: https://forums.developer.apple.com/thread/88202

Answer 6

This answer did the job for me.

navigationController.navigationBar.setTitleVerticalPositionAdjustment(CGFloat(10),
forBarMetrics: UIBarMetrics.Default)