CODEWITHSUNDEEP
iosswiftiphone-x
iosforme
iosforme

Reputation: 25

Layout issue with iPhone X cropping off the full screen

Below is the output of my application when displayed on an iPhone X, it works perfect with all other iPhone, since they are not full screen with rounded edges.

enter image description here

as you can see the top portion where the time and battery icons are located is not fully filled in?

I am not sure how I can fix this. Should it be in the code or can I do it in the storyboard, I have tried in the storyboard but I have not been successful yet. Does anyone have any idea and/or tips of what I need to adjust in the storyboard to get it fo fill the full screen.

Please note this has the stretchy header, like twitter profile effect, which I still wish to retain.

Upvotes: 0

Views: 554

Answers (1)

Rhuari Glen
Rhuari Glen

Reputation: 507

EDIT

This question may have the answer you are looking for if you wish to extend your view underneath the status bar on an iPhone X.

Original answer

Is the constraint to the top of your view a hard coded value? You should be using the safe areas to attach auto layout constraints so that your app will layout correctly on the iPhone X.

StatusBarInferredHeight

More information on laying out your ViewControllers for the iPhone X can be found here

Upvotes: 1

Related Questions