Add items to NavigationBar (Not using UINavigationController)

Question

I have a UIViewController with a UITableView in it, and also added a UINavigationBar. How can I add and \"edit\" button and a \"+\" button in that bar programmatically? (I h

Answer 1

Navigation Bar items/buttons with actions on Swift 4.2, ios 11, XCode 10

1) With Storyboard go to Editor > Embed In > Navigation Bar

2) In AppDelegate > didFinishLaunchingWithOptions:

UINavigationBar.appearance().barTintColor = UIColor(hexString: "1C9B90")
UINavigationBar.appearance().tintColor = UIColor.white
UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor : UIColor.white]

3) On viewDidLoad for your viewcontroller, create buttons and add to Navigation Bar:

self.navigationController?.navigationBar.topItem?.title = "Title"
self.navigationController?.isNavigationBarHidden = false

//QR Code button
let qrCodeScanButton = UIButton(type: .custom)
qrCodeScanButton.setImage(UIImage(named: "camera"), for: .normal)
qrCodeScanButton.addTarget(self, action: #selector(self.searchWithQRCode), for: .touchUpInside)
let qrCodeScanButtonItem = UIBarButtonItem(customView: qrCodeScanButton)

///LogOut button
let logoutButton = UIButton(type: .custom)
logoutButton.setImage(UIImage(named: "logOut"), for: .normal)
logoutButton.addTarget(self, action: #selector(self.logOut), for: .touchUpInside)
let logoutButtonItem = UIBarButtonItem(customView: logoutButton)

self.navigationController?.navigationBar.topItem?.setRightBarButtonItems([logoutButtonItem, qrCodeScanButtonItem], animated: true)

4) Actions for buttons:

@objc func logout(){
     ///present your Login VC
}

@objc func qrCodeScanButton(){
     ///present your Login VC
}

5) Build and Run

PS. Keep in mind these two differences.

isNavigationBarHidden: A Boolean value that indicates whether the navigation bar is hidden.

self.navigationController?.isNavigationBarHidden

navigationBar.isHidden: The navigation bar managed by the navigation controller.

self.navigationController?.navigationBar.isHidden