Search code examples
iosuinavigationbarios-simulatorxcode9iphone-x

Seeing black bars at the top and bottom of the iPhone X Simulator

Running my App in the iPhone X Simulator (GM Seed) I am noticing two strange effects:

  • the App does not use the full screen space (top and bottom area is black)
  • a strange white bar beneath the title bar

enter image description here

Does anybody know what is happening here and how to resolve this? I can't find any new settings in Interface Builder.

Solution

  • When using launch images (instead of the much easier Launch screen file), you need to provide the properly sized launch image for each device size you wish to support. Once you add the additional launch image, your app should take advantage of the new screen size.

    The new iPhone X requires a launch image sized at 1125px × 2436px which is a 3x image for 375pt × 812pt.

    Of course if you switch over to using a Launch screen file instead of individual launch images, your app will automatically adapt to all device sizes without any additional work.