iOS 11 UINavigationBar Back button image color issue

Question

I am facing issue in iOS 11 with custom BackButton Image color.

BackButton Image works correct in versions lower the iOS 11.

I have customized the Back Button Image of UINavigationBar by using following code.

            [[UINavigationBar appearance] setBackgroundColor:[UIColor blackColor]];
    [[UINavigationBar appearance] setBarTintColor:[UIColor blackColor]];
    [[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];
    [[UINavigationBar appearance] setTranslucent:false];

    UIEdgeInsets insets = UIEdgeInsetsMake(0, 0, 5.0f, 0);
    UIImage *backArrowImage = [[UIImage imageNamed:@"icon_nav_back"] imageWithAlignmentRectInsets:insets];
    [[UINavigationBar appearance] setBackIndicatorImage:backArrowImage];
    [[UINavigationBar appearance] setBackIndicatorTransitionMaskImage:backArrowImage];

It displays a proper image with default color of image in versions lower than iOS11

But, In Version iOS 11 its color and size have been improper.

Please provide proper solution to resolve this issue.

I have tried Tint Color also, but it doesn't work.

Check this SO question: https://stackoverflow.com/questions/28733936/change-color-of-back-button-in-navigation-bar — Damo, Nov 28 '17 at 09:56
@Damo I have tried all of these solutions. It doesn't help me. — yashica15, Nov 28 '17 at 10:05

BuLB JoBs · Answer 1 · 2017-11-28T11:16:13.783

0

Follow this link: Swift how to change tintColor of backIndicatorImage

set image on this method setBackIndicatorTransitionMaskImage Might be help!

[UINavigationBar appearance].translucent = NO;
[[UINavigationBar appearance] setBackIndicatorImage:backArrowImage];
[[UINavigationBar appearance] setBackIndicatorTransitionMaskImage:backArrowImage];

Updated use following code it's definitely set back image

UIButton *backBtn = [UIButton buttonWithType:UIButtonTypeCustom];
[backBtn setBackgroundImage:backArrowImage forState:UIControlStateNormal];
[backBtn addTarget:self action:@selector(goback) forControlEvents:UIControlEventTouchUpInside];
backBtn.frame = CGRectMake(0, 0, 54, 30);
UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithCustomView:backBtn] ;
self.navigationItem.leftBarButtonItem = backButton;

edited Nov 28 '17 at 11:16

answered Nov 28 '17 at 10:00

BuLB JoBs

841
4
20

I have made amends in my code, that you are providing me. But it does not help me. – yashica15 Nov 28 '17 at 10:24
@yashica15 you have use my updated code it's definitely work!! – BuLB JoBs Nov 28 '17 at 11:00
This code will definitely work. But I have to paste this code in every ViewController. I want to change it globally from AppDelegate. – yashica15 Nov 28 '17 at 11:10
Follow this link: Swift how to change tintColor of backIndicatorImage – BuLB JoBs Nov 28 '17 at 11:16
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/160019/discussion-between-tubelight-and-yashica15). – BuLB JoBs Nov 28 '17 at 17:27

score 0 · Answer 2 · answered Nov 28 '17 at 10:55

// untested code

// try to see if you can access the back button directly

NSArray *leftBarButtonItems = self.navigationController.navigationBar.items.firstObject.leftBarButtonItems;
for (id barButtonItem in leftBarButtonItems) {
    UIBarButtonItem *item = (UIBarButtonItem*)barButtonItem;
    if (item) {
        item.tintColor = [UIColor whiteColor];
    }
}

iOS 11 UINavigationBar Back button image color issue

2 Answers2