CODEWITHSUNDEEP
iosswiftxcodeuinavigationcontrolleruinavigationbar
KirillC
KirillC

Reputation: 800

How can I change height of Navigation Bar - Swift 3

I'm pretty sure this is not duplicate because I looked at other answers and they all outdated and do not provide exact answer.

I have Navigation Controller and several view controllers. I want to make Navigation Bar a bit taller so it would fit text size that I need. How can I do that ?

I tried this:

UINavigationBar.appearance().frame = CGRect(x: 0.0, y: 0.0, width: 320.0, height: 210.0)

but nothing happens...

Also, I wasn't able to add any constraints to the Nav Bar using Xcode layout buttons.

Hope somebody can help me to fix this issue. Thanks in advance!

enter image description here

Upvotes: 37

Views: 103658

Answers (5)

Frankie
Frankie

Reputation: 11928

UPDATE 8/3/20: I posted this in 2016. A number of people have stated this no longer works so please use at your own risk. I am not working in iOS at the moment so I do not have an update handy. Best of luck!

Here is one way to do it:

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    let height: CGFloat = 50 //whatever height you want to add to the existing height
    let bounds = self.navigationController!.navigationBar.bounds
    self.navigationController?.navigationBar.frame = CGRect(x: 0, y: 0, width: bounds.width, height: bounds.height + height)
    
}

Upvotes: 39

HMHero
HMHero

Reputation: 2343

This might be better if your navigation bars in your app all have same adjusted height.

extension UINavigationBar {
    open override func sizeThatFits(_ size: CGSize) -> CGSize {
        return CGSize(width: UIScreen.main.bounds.width, height: 51)
    }
}

Upvotes: 4

kbokdia
kbokdia

Reputation: 459

You can write this code in class that extends UINavigationController

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    let height = CGFloat(72)
    navigationBar.frame = CGRect(x: 0, y: 0, width: view.frame.width, height: height)
}

Upvotes: 12

Patricio Bravo
Patricio Bravo

Reputation: 416

You can create a class based on UINavigationBar like this

class TTNavigationBar: UINavigationBar {

    override func sizeThatFits(_ size: CGSize) -> CGSize {
        return CGSize(width: UIScreen.main.bounds.width, height: 55)
    }

}

And add it to your NavigationController.

Upvotes: 8

Alessio Campanelli
Alessio Campanelli

Reputation: 1030

you can draw your navigation bar from xib (with your height) and then: 

self.navigationController?.navigationBar.addSubview(yourNavBarView)

in alternative, if you want create UIView from code, 

let viewNavBar = UIView(frame: CGRect(
    origin: CGPoint(x: 0, y:0), 
    size: CGSize(width: self.view.frame.size.width, height: 100)))

and then adding to nav bar.

Upvotes: -3

Related Questions