CODEWITHSUNDEEP
iphoneuser-interfaceautolayoutstoryboardiphone-x
trudnai
trudnai

Reputation: 146

Interface Design For iPhone X

What's up guys,

Any clue what is that dark line at the bottom of the iPhone X screen and how to disable that? It is rather disturbing, I would say more than the top notch.

Especially in landscape mode: If I hug to the safe area at the bottom, then obviously that line is not covering my view, however, then either need to do the same at the top (losing valuable screen estate), or make the app look ugly by its asymmetric look.

Also about the notch in landscape mode: Obviously that can be very bad if that cuts off buttons etc, so maybe hug to the safe area is a better option, however what if one side you want to use up more screen? In the example screen below we could use the right hand side (except the corners of course), but if you rotate the device the other way around, then you would need to hug to the safe on the right and to the superview on the left instead.

Any good solution for these?

iPhone X Portrait mode

iPhone X Landscape mode

Upvotes: 1

Views: 220

Answers (1)

Kiran Jasvanee
Kiran Jasvanee

Reputation: 6554

You can auto-hide indicator in requirements like playing Video in a Landscape mode.
But It will reappear automatically when user will touch a screen again.

To disappear indicator, you can auto-hide specifically for viewController as below 

override func prefersHomeIndicatorAutoHidden() -> Bool {
        return true
    }

Upvotes: 3

Related Questions