iOS 10 Back button width in NavigationBar

Asked Jul 06 '18 at 15:37

Active Jul 06 '18 at 15:55

Viewed 1,234 times

Problem: backBarButtonItem has extra space in iOS 10.

iOS 11 iOS 10

As you can see from images above. Back button in iOS 10 has an extra space.

According to this source

My implementation

In AppDelegate

    UINavigationBar.appearance().tintColor = ColorHelper.bckgTextTitleWhite
    UINavigationBar.appearance().backIndicatorImage = UIImage(named: "back-button")
    UINavigationBar.appearance().backIndicatorTransitionMaskImage = UIImage(named: "back-button")

In ViewController

    let backBarButton = UIBarButtonItem(title: "", style: .plain, target: self, action: #selector(back(_:)))
    self.navigationItem.backBarButtonItem = backBarButton

I want to achieve the same UI in iOS 10 as in iOS 11.

edited Jul 06 '18 at 15:55

asked Jul 06 '18 at 15:37

Vitaliy Litvinov

Is this your actual code? How do you add the additional "list" item? – dr_barto Jul 06 '18 at 16:34
I add 3 BarButtonItem in story board (1 to left list, 2 to right list) and set „leftItemsSupplementBackButton“ checkbox. – Vitaliy Litvinov Jul 07 '18 at 00:16
1

You could try setting the `leftBarButtonItems` instead, with your back button (requiring a custom icon) and the additional buttons. I usually set navbar buttons this way and never encountered the layout issue you have. – dr_barto Jul 07 '18 at 10:09
I have already thought about it and it works! But I am looking for more elegant way. – Vitaliy Litvinov Jul 07 '18 at 23:43
Please define "elegant" in this context :) – dr_barto Jul 08 '18 at 09:06

iOS 10 Back button width in NavigationBar

0 Answers0