Manual UINavigationBar layout issue

Question

I'm currently creating a screen in which I use a UINavigationBar. When setting up the constraints, I have its leading margin = Superview's leading margin - 20, which renders in IB like so

When I add a UIBarButtonItem to the left (programmatically, or in IB), the button is rendered far too close to the left edge:

Am I doing something wrong here?

Here are the constraints for this scene:

score 0 · Answer 1 · answered Oct 30 '15 at 15:25

0

Instead of UIBarButtonItem drag UIButton via IB.

It will automatically create UI-components hierarchy like on picture bellow.

Then you'll be able to change content / title / image insets of button or alignment.

answered Oct 30 '15 at 15:25

Yakiv Kovalskyi

1,737
1
15
29

I'll give that a shot. Thanks – Leon Oct 30 '15 at 15:55

score 0 · Answer 2 · edited May 23 '17 at 12:07

I added a UIBarButtonItem.FixedSpace to my UINavigationItem as follows:

    let spacer = UIBarButtonItem(barButtonSystemItem: .FixedSpace, target: nil, action: nil)
    let editButton = UIBarButtonItem(barButtonSystemItem: .Edit, target: self, action: "toggleEditing")
    spacer.width = 6.0

    var leftItems = [UIBarButtonItem]()
    leftItems.append(spacer)
    leftItems.append(editButton)
    navigationItem.setLeftBarButtonItems(leftItems, animated: false)

Source: How to Edit Empty Spaces of Left, Right UIBarButtonItem in UINavigationBar [iOS 7]

Manual UINavigationBar layout issue

2 Answers2