backBarButtonItem image right aligned, want centered

Question

I'm trying to set the backBarButtonItem to have a custom image:

self.navigationItem.backBarButtonItem = UIBarButtonItem(image: UIImage(named: "Back"), style: .plain, target: self, action: #selector(self.navigationController?.popViewController(animated:)))
self.navigationItem.backBarButtonItem?.tintColor = UIColor.red

I'm noticing that when I set the backBarButtonItem for my navigationController the image gets right aligned within the backBarButtonItem's frame:

What can I do to make the image centered, or even left aligned?

Answer 1

Instead of backBarButtonItem you need to set leftBarButtonItem

Replace this

self.navigationItem.backBarButtonItem = UIBarButtonItem(image: UIImage(named: "Back"), style: .plain, target: self, action: #selector(self.navigationController?.popViewController(animated:)))
self.navigationItem.backBarButtonItem?.tintColor = UIColor.red

by this

self.navigationItem.leftBarButtonItem = UIBarButtonItem(image: UIImage(named: "Back"), style: .plain, target: self, action: #selector(self.navigationController?.popViewController(animated:)))
self.navigationItem.leftBarButtonItem?.tintColor = UIColor.red