Bottom nav bar toolbar inside a tab controller

Hi,


I am experiencing an annoying problem testing the newest iOS 11 on the iPhone X simulator.


I have an UITabBarController and inside each tab there is a UINavigationController, each navigation bar has defined also a bottom toolBar (setToolbarHidden:), and by default they show up at the bottom, just over the tabBar.


It has been working fine so far and seems to work fine also in the upcomming iPhone 8 and 8 Plus models, but on the iPhone X there is a gap between the toolBar and the tabBar. My guess is that the toolBar doesn't realize that is displayed inside a tabBar and then leaves the accommodating space at the bottom.


Please Apple fix it!


This is how it looks on iPhone 8: https://ibb.co/g2Farv

And here is the problem on iPhone X: https://ibb.co/d5nujF

Hi,


I had the same issue, with a custom made tab bar.

I solved it in interface builder

setting the bottom space to superview = 0

instead of my previous constraint bottom space to bottom layout guide.

Hi,


Thank you for your answer but unfortunatelly it does not solve my issue. The problem here is the position where the UINavigationBar's toolbar is displayed, and there is no control or constraints for changing it.


Here are another two screenshots to illustrate better the issue, this time on the Storyboard:

iPhone 8: https://ibb.co/kwNnMv

iPhone X: https://ibb.co/cQWKZF


I guess the only way to fix it would be using a custom toolbar and display/animate it myself instead of using the defaults UINavigationBar.

Any update on this one? I am still searching but no luck 😟

tthis definitely is a bug. Please file a radar ticket.

I've filed a radar: 34730263

It doesn't help you, but may will help if someone from Apple looks.

Bottom nav bar toolbar inside a tab controller
 
 
Q