Setting Back Button in Navigation Controller

Question

So I have 3 View controllers : V1, V2 and V3. When I press a button on V1 it shoots me over to V3. I would like to keep the "Back Arrow" but change the text there. I have tried many things but the word back either reapers when the view is shown or my code does not work.

Any Suggestions?

I already used this code

self.navigationController?.navigationBar.topItem?.backBarButtonItem = UIBarButtonItem(title: "YO", style: .Plain, target: nil, action: nil)

let backbutton = UIButton(type: .Custom)
backbutton.setImage(UIImage(named: "BackButton.png"), forState: .Normal) // Image can be downloaded from here below link
backbutton.setTitle("Back", forState: .Normal)
backbutton.setTitleColor(backbutton.tintColor, forState: .Normal) // You can change the TitleColor
backbutton.addTarget(self, action: "backAction", forControlEvents: .TouchUpInside)

self.navigationItem.leftBarButtonItem = UIBarButtonItem(customView: backbutton)

func backAction() -> Void {
    self.navigationController?.popViewControllerAnimated(true)
}

I tried creating my Button with this code I found on Stack But the button disappeared and the back button appeared in its place again.

The text that appears for the back button is set by the title of the previous view controller — Paulw11
– Paulw11, Commented Dec 23, 2015 at 6:16
self.navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: UIBarButtonItemStyle.Plain, target: nil, action: nil) try this with in viewDidLoad and already there are lot of question related to this. — Buntylm
– Buntylm, Commented Dec 23, 2015 at 6:16
@Paulw11 Yeah I am aware of that. When the view shows up the new text appears there but then all the sudden the words Back replaces it. — JakeC
– JakeC, Commented Dec 23, 2015 at 6:19
@Bunty Madan I tried this but it isn't working in my case. I don't know if it has to do with the fact I am skipping V2? — JakeC
– JakeC, Commented Dec 23, 2015 at 6:21

Brad Christie · Accepted Answer · 2015-12-23 07:23:32Z

1

You can set navigationItem.leftBarButtonItem to a button of your own design. That overrides backBarButtonItem, and iOS will not replace your text with "Back". But if you want an arrow you would have to design it yourself as part of your button.

In my code I set the button whenever the title is changed:

override var title:String? {
    get {
      return super.title
    }
    set {
      super.title = newValue
      if (navigationController?.childViewControllers.count > 1) {
        let backButton = // ... custom button
        navigationItem.leftBarButtonItem = UIBarButtonItem(customView: backButton)
        backButton.addTarget(self, action: "backAction", forControlEvents: .TouchUpInside)
      } else {
        navigationItem.hidesBackButton = true
      }

edited Dec 23, 2015 at 7:23

answered Dec 23, 2015 at 6:57

Brad Christie

264 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

JakeC Over a year ago

I actually tried doing that and the button pops up then disappears and the back button reappears again. I Updated my code above with the button I created

JakeC Over a year ago

This answer works great. I just need to make a custom back button now. If you have time to do that please post it! Thanks

Brad Christie Over a year ago

I started with this button tutorial. It's Obj-C but not hard to Swiftify

Collectives™ on Stack Overflow

Setting Back Button in Navigation Controller

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related