UITabBarController on iPhone X

Question

This is not a duplicate. All the other answers are for use of UITabBar in a UIViewController. My question is specific to UITabBarController and those answers did not help. My tabbar works great on other simulators but on iPhone X (11.2) as you can see in the attached image, the icons and text are overlapping.

My UITabBarController is custom but I have also tried removing the customization and this problem persists.
My storyboard has "Use Safe Area Layout Guides" turned on
My UITabBarController does not show safe area in the storyboard.

I have exhausted all solution on stack related to this.

duplicate - https://stackoverflow.com/questions/44492404/safe-area-of-xcode-9 — rmickeyd, Feb 20 '18 at 23:37
@rMickeyD how does it answer my question? It is a general discussion of safe areas. My question is a specific problem. — Kashif, Feb 21 '18 at 00:12
There could be any number of reasons for this. You'll need to provide more information than just a screenshot. — Beau Nouvelle, Feb 21 '18 at 01:08
I am also experiencing this issue. Have you been able to figure anything out Kashif? — Stefan Arambasich, Mar 05 '18 at 22:40
Yes i checked if i was on iPhone X and changed tab bar height to 100. — Kashif, Mar 05 '18 at 23:24

score 2 · Accepted Answer · answered Mar 07 '18 at 18:55

2

I was able to fix this problem by checking if the device is iPhone X and setting the UITabbar height to 100 points.

answered Mar 07 '18 at 18:55

Kashif

4,074
6
39
82

3

This is not a generic solution – Nick Mar 29 '19 at 10:20

UITabBarController on iPhone X

1 Answers1