Introduction

Customizing the iOS navigation bar back button is possible, but the cleanest solution depends on how much you want to change. If you only want a custom chevron image or different text, UIKit already provides better hooks than fully replacing the back button. If you replace the back button entirely with leftBarButtonItem, you gain full control but you also take over the pop behavior yourself.

So the first question is whether you need a true custom control or just a custom appearance. In many cases, changing the back indicator image and the previous controller's back title is the safer choice.

Prefer System Back Behavior When Possible

If you want custom text on the back button, configure it on the previous view controller, not the current one:

1import UIKit
2
3final class FirstViewController: UIViewController {
4    override func viewDidLoad() {
5        super.viewDidLoad()
6        navigationItem.backButtonTitle = "Back"
7    }
8}

If you want a custom back arrow image for the whole navigation bar, set backIndicatorImage on the navigation bar appearance:

1import UIKit
2
3let appearance = UINavigationBarAppearance()
4appearance.configureWithDefaultBackground()
5appearance.setBackIndicatorImage(UIImage(systemName: "arrow.left"), transitionMaskImage: UIImage(systemName: "arrow.left"))
6
7UINavigationBar.appearance().standardAppearance = appearance
8UINavigationBar.appearance().scrollEdgeAppearance = appearance

This preserves the default swipe-back gesture and system back-button behavior.

Fully Custom Back Button with Image and Text

If you truly need a custom image plus custom text inside one button, hide the default back button and provide a left bar button item:

1import UIKit
2
3final class DetailViewController: UIViewController {
4    override func viewDidLoad() {
5        super.viewDidLoad()
6        configureCustomBackButton()
7    }
8
9    private func configureCustomBackButton() {
10        navigationItem.hidesBackButton = true
11
12        let button = UIButton(type: .system)
13        button.setImage(UIImage(systemName: "chevron.left"), for: .normal)
14        button.setTitle(" Back", for: .normal)
15        button.tintColor = .label
16        button.addTarget(self, action: #selector(backTapped), for: .touchUpInside)
17        button.sizeToFit()
18
19        navigationItem.leftBarButtonItem = UIBarButtonItem(customView: button)
20    }
21
22    @objc private func backTapped() {
23        navigationController?.popViewController(animated: true)
24    }
25}

This gives you complete control over spacing, font, image choice, and title content.

The Trade-Off: Swipe-Back Gesture

A fully custom left bar button item is not identical to the system back button. One subtle difference is that interactive pop behavior can be affected depending on navigation-controller setup.

If preserving the edge-swipe back gesture matters, test it after customization. In some setups you may need to ensure the navigation controller's interactive pop gesture recognizer remains enabled.

That is why appearance-level customization is often better than replacing the control outright.

A Good Hybrid Approach

A practical middle ground is:

• use the system back behavior
• customize the back indicator image globally
• set the back title on the previous view controller

That gives you image and text customization while keeping the default navigation semantics. Fully custom buttons should be reserved for cases where the system back button really cannot achieve the design requirement.

Common Pitfalls

• Setting the back-button title on the wrong view controller. The back title is usually configured on the previous controller in the stack.
• Replacing the back button with leftBarButtonItem when only the arrow image needed customization.
• Forgetting to call popViewController manually after hiding the default back button.
• Breaking or changing the interactive swipe-back experience without noticing.

Summary

• If possible, customize appearance instead of replacing the back button entirely.
• Set custom back text on the previous view controller with backButtonTitle.
• Use navigation bar appearance to change the back indicator image.
• Use a custom leftBarButtonItem only when you truly need full control of image and text.
• After full replacement, test pop behavior and swipe-back interaction carefully.