How to use an image logo on the navigation bar instead of title

Question

I have tried a couple different codes but couldn't make the logo show

import UIKit 
class HomeViewController: UIViewController { 

override func viewDidLoad() { 
super.viewDidLoad() 

let logo = UIImage(named: "logo.png") 
let imageView = UIImageView(image: logo) 
self.navigationItem.titleView = imageView
navigationItem.titleView?.sizeToFit() 
 } 
}

I even tried to include IB in the class itself didn't work either, it doesn't seem to work that way

@IBOutlet weak var navBar: UINavigationItem!

PS. My logo is a 200x40px png and its named logo.png in the assets.

My storyboard

http://i68.tinypic.com/b68t8o.png

Any help is appreciated

Edit: I solved my problem by putting an image view there instead of this whole navigation item story. Thanks for your suggestions though.

Possible duplicate of [How to put an image as the navigation bar title](http://stackoverflow.com/questions/865176/how-to-put-an-image-as-the-navigation-bar-title) — Nazmul Hasan, Sep 28 '16 at 06:50
Thanks, but I tried the methods there but it didn't work either :/ — Mert Alnuaimi, Sep 28 '16 at 07:38

score 13 · Accepted Answer · edited Nov 26 '19 at 12:57

13

try this

 let logo = UIImage(named: "logo.png") 
 let imageView = UIImageView(image: logo) 
 imageView.contentMode = .ScaleAspectFit // set imageview's content mode
 self.navigationItem.titleView = imageView

edited Nov 26 '19 at 12:57

dahiya_boy

8,826
1
29
47

answered Sep 28 '16 at 06:36

Anbu.Karthik

80,161
21
166
138

score 0 · Answer 2 · answered Sep 28 '16 at 06:37

0

Set your imageview's content mode like,

 imageView.contentMode = .ScaleAspectFit

answered Sep 28 '16 at 06:37

Ketan Parmar

26,610
9
47
70

score 0 · Answer 3 · answered Sep 28 '16 at 06:51

0

This code looks good, i think there is error in name of UIImage, did you debug and check that let logo is not nil? try to remove ".jpg"

answered Sep 28 '16 at 06:51

Yerken

299
1
12

score 0 · Answer 4 · answered Nov 08 '20 at 21:28

Use extension:

extension UIViewController {
    func setNavigationBarLogo() {
        let logo = UIImage(named: "YourLogo.png")
         let imageView = UIImageView(image: logo)
        imageView.contentMode = .scaleAspectFit
         self.navigationItem.titleView = imageView
    }
}

Usage in UIViewController:

 override func viewDidLoad() {
        super.viewDidLoad()
        self.setNavigationBarLogo()
    }

How to use an image logo on the navigation bar instead of title

4 Answers4

Linked