iOS 16 Beta Vertically Aligns Navigation Bar Title View Differently with Right Bar Items

Question

Created Sep ’22

Replies 9

Boosts 2

Views 4.8k

Participants 9

On iOS 16, I noticed that the navigation bar title view is being aligned vertically to the top, I cannot figure out why. The odd thing is that some view controllers are fine (it's centered vertically). But some it's top aligned.

I thought maybe it had something to do with right/left bar button items, but after playing around with it - it doesn't seem to matter.

Is there some change in UIKit that is causing this?

Centered (In view controller A):

Screen Shot 2022-09-04 at 8.48.23 AM.png

Top Aligned (In view controller B):

Screen Shot 2022-09-04 at 8.48.11 AM.png

My component is the same in all cases where this heart graphic is - it's a subclass of UIImageView that sets the image to the heart.

Boost

Answer 1

gngrwzrd OP

Sep ’22

Additionally. The affected view controllers are the root view controller for navigation controller, that are in a tab bar controller.

0

Answer 2

darkpaw OP

Sep ’22

I also see this behaviour in a PHPickerViewController on iOS 16. The UISegmentedControl that shows "Photos | Albums" is aligned to the top.

In that picker, if you tap Albums then tap one of the albums, the control is replaced with a title which is correctly aligned. Go back to the start and the control is now aligned correctly.

Looks like it's just a bug in the latest beta.

0

Answer 3

gngrwzrd OP

Sep ’22

@darkpaw - Yes, I see the same behavior in my app, after a push / pop, it's then aligned centered correctly. Bug! Just hope it's fixed before release so I don't have to hack this.

0

Answer 4

Frameworks Engineer OP

Apple

Sep ’22

This is a bug where if you switch between the built in and custom title views we don't always update the layout correctly. I don't recall if there is a workaround, but this is fixed in a future build.

2

Answer 5

gngrwzrd OP

Sep ’22

@Rincewind Thanks! Pointing out that the latest RC of Xcode doesn't appear to have fixed it.

1

Answer 6

lagrave OP

Sep ’22

Have the same problems in release version. Any thoughts of quickfix?

2

Answer 7

nick_beadman OP

Sep ’22

This is fixed for my app with iOS 16.1 (20B5045d) running on a simulated iPhone 14 Pro from Xcode 14.1 beta (14B5024h)

1

Answer 8

qwertytrewq OP

Oct ’22

Try adding "navigationController?.navigationBar.layoutIfNeeded()" this after you set navigationItem.titleView

This worked for me

1

Answer 9

lucianobohrer OP

Oct ’22

For me the only way to fix this was by setting a height constraint to the custom view

myCustomView.heightAnchor.constraint(equalToConstant: .greatestFiniteMagnitude).isActive = true

1