Insert right button image in UINavigationController with swift 3 - ios

Question

I'm trying to override programmatically the rightButton of a navigation item with a static image in order to achive this:
The following code does not give any errors but nothing is displayed in the navigation bar.
import UIKit
import Foundation
class UICipNavigationController: UINavigationController {
override func viewDidLoad() {
super.viewDidLoad()
// Add BPT LOGO as UIBarButton
let logoBPT = UIImage(named: "Logo BPT")?.withRenderingMode(.alwaysOriginal)
let logoBPTBarButton = UIBarButtonItem(image: logoBPT, style: .plain, target: nil, action: nil)
self.navigationItem.rightBarButtonItem = logoBPTBarButton
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
}
.
import UIKit
class UICipNavigationBar: UINavigationBar {
override init(frame: CGRect){
super.init(frame: frame)
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)!
self.tintColor = UIColor.white
self.setBackgroundImage(UIImage.fromColor(color: UIColorFromHex(rgbValue: 0xffffff, alpha: 0.2)), for: UIBarMetrics.default)
self.shadowImage = UIImage()
self.isTranslucent = true
self.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white, NSFontAttributeName: UIFont(name: "Lato-Regular", size: 24)!]
}
override func sizeThatFits(_ size: CGSize) -> CGSize {
let newSize :CGSize = CGSize(width: self.superview!.bounds.size.width, height: 60)
return newSize
}
}
I also tried to inspect the views but it seems that nothing is added:

Answer 1

Note: Image name/file/extention is sensitive.When you setting a barButtonImage.Make sure you setting them properly.I am assessing image file from asset catalog(32pt).
let myimage = UIImage(named: "YourImageFileName")?.withRenderingMode(.alwaysOriginal)
navigationItem.rightBarButtonItem = UIBarButtonItem(image: myimage, style: .plain, target: self, action: #selector(ButtonTapped))
func ButtonTapped() {
print("Button Tapped")
}
Output: updated
Method 2: Testing Purpose
Note: set your title as a emoji icon from Xcode. run the project and see that works?
navigationItem.rightBarButtonItem = UIBarButtonItem(title: "😱", style: .plain, target: self, action: #selector(ButtonTapped))
func ButtonTapped() {
print("Button Tapped")
}
Output:

Answer 2

You should setup the right bar button from within your top view controller that is being displayed by the navigation controller

Answer 3

let button = UIButton.init(type: .custom)
button.setImage(UIImage.init(named: "menu"), for: UIControlState.normal)
button.frame = CGRect.init(x: 0, y: 0, width: 25, height: 17)
let barButton = UIBarButtonItem.init(customView: button)
self.navigationItem.rightBarButtonItem = barButton

Answer 4

Please refer below code.
let button: UIButton = UIButton (type: UIButtonType.Custom)
button.setImage(UIImage(named: "emojiImage"), forState: UIControlState.Normal)
//button.addTarget(self, action: "emojiImageButtonPressed:", forControlEvents: UIControlEvents.TouchUpInside)
button.frame = CGRectMake(0, 0, 30, 30)
let barButton = UIBarButtonItem(customView: button)
self.navigationItem.rightBarButtonItem = barButton
Make sure your image has to be plain ( transparent ) background.
If you want click event then uncomment button.addTarget(self, action: "emojiImageButtonPressed:", forControlEvents: UIControlEvents.TouchUpInside) and put below function to call.
func emojiImageButtonPressed(btn : UIButton) {
print("emojiImageButtonPressed")
}