Home » Swift » How to disable back button in navigation bar

How to disable back button in navigation bar

Posted by: admin November 30, 2017 Leave a comment

Questions:

Is there any official way how to set UIBarButtonItem.enabled property? I tried to set a backButtonItem in previous controller. But enabled property is ignored.

More in this simple example project.

I don’t want to some solution like “make your own leftBarButtonItem and set its alpha …”

Edit: I don’t want to hide it, only disable it with dimmed colour and disabled user interaction. It’s exactly the same behaviour as for disabled leftBarButtonItem.

Answers:

As of today it is not possible to disable the back button using the enabled property. The backBarButtonItem property will be nil unless you create a custom item and even then it will ignore the enabled property. There are a couple (non-satisfactory) ways around this.

Hide the button

This is what Apple wants you to do given that they ignore the enabled property. It is as simple as

navigationItem.hidesBackButton = true  

and should be the preferred approach unless you have good reasons.

Disable and Tint the Navigation Bar

You can disable user interaction on the whole navigation bar and tint it to make the back button appear disabled.

navigationController?.navigationBar.userInteractionEnabled = false
navigationController?.navigationBar.tintColor = UIColor.lightGrayColor()

This does, unfortunately, affect other elements in the navigation bar as well so it might not be an option if, for instance, you have another bar button item on the right side.

Use a Custom Left Bar Button Item

The leftBarButtonItem does not ignore the enabled property so you could create a custom item and trigger the pop manually when it is activated.

navigationItem.leftBarButtonItem = UIBarButtonItem(title: "Cancel", style: .plain, target: self, action: #selector(ThisClass.backButtonTapped))
...
navigationItem.leftBarButtonItem?.enabled = false

func backButtonTapped() {
    self.navigationController?.popViewController(animated: true)
}

This will, however, not have the back bar button style with the leading triangular indicator.

Questions:
Answers:

Add below code in your ViewController2.swift Class.

override func viewDidLoad() {
        super.viewDidLoad()

        navigationItem.hidesBackButton = true;
    }

It will hide your back button.

Questions:
Answers:

If you want to hide it, UInavigationItem has a hidesBackButton property.