在UINavigationBar IOS中设置“后退”按钮的背景颜色（而非文本颜色）

Question

Is there any way to set the background color of back button in NavigationBar like this

There are some post available on SO which shows how to set Tint color. But can anyone let me know if there is way to set Background Color like shown in image above. or i have to set in custom way?

Answer 1

for navigationBar you should setbackgroundImage

            navigationController?.navigationBar.setBackgroundImage(UIImage(named: "your image name"),
 forBarMetrics: UIBarMetrics.Default)

Answer 2

I tried with Tint color , but I can not make it work properly.

I do that by adding an UIView at the back of the UINavigationBar . In that case it must be properly positioned using Autolayout .

Answer 3

You have to realize, that is not actually back button background. If you'll take a closer look at navigation bar, you will see back button has a limited width and height. Something like this:

So if you really need to customize your navigation bar, you have 2 variants:

1) set your navigation bar background image, with fixed or adapting back button background

2) implement custom navigation bar, ignoring system UINavigationBar

Answer 4

You can use custom image and set title manually

[[UIBarButtonItem appearance] setBackButtonBackgroundImage:[UIImage imageNamed:@"customImage"]
                                                  forState:UIControlStateNormal
                                                barMetrics:UIBarMetricsDefault];