View under status bar in iPhone X simulator distorted

Question

I have recently upgraded to xcode 9 and run my project on simulator iPhone X and the view under status bar is distorted. In other phone everything is working fine.

Distorted view in iPhone X

Undistorted view in other phones

Answer 1

If you don't use Safe Area, you can pin it to the Top Layout Guide with 0 constant:

Or you can enable Safe Area in File inspector of a View Controller, it's backward deployable back to iOS 9, and again pin the top with 0 constant.