iPhone X not displaying correctly

I having trouble getting an app to display correctly on an iPhone X. I have a blank project with 4 squares in the corners that snap to the edges of the apps viewport.


Here is the project loaded into xCode simulator without a iPhone X LaunchImage set

https://i.imgur.com/rFPOOI1.png


Now when I add an iPhone X LaunchImage(2436 x1125)

https://i.imgur.com/izFlZRT.png


The entire viewport get pushed to left, not sure what is causing this, guessing I have something set wrong in the Xcode project. Any help would be appreciated, thanks.

Replies

Take some time to understand the concept of the safe area, which allows you to layout your content and avoid issues clipping the content based on the screen's shape. We have a set of resources dedicated to the safe area for you to explore - this page is a good starting point.