Skip to main content
natural_criticB837
natural_criticB837
Legend
December 13, 2017
Question

iPhone X: Notch overlaps content

  • December 13, 2017
  • 2 replies
  • 669 views

Hello,

we are using Adobe Air SDK 28 with iPhone X splashscreens to prevent black bars on the iPhone X. It turns out, that the app actually renders up to the very top and that content in the notch area is just not visible. This means we have to manually adjust the app to not show any important content where the notch starts.

1) Is there a way to tell Air not to use the notch area when on iPhone X and instead just render the background color there?

2) If there is no such setting in Air, we can probably scale the main Sprite ourselves. But is there an easy way to detect whether the app is running on iPhone X? Does anyone by chance have device_name or device_model at hand?

Thanks in advance,

Ruben

This topic has been closed for replies.

2 replies

B
builder623
Inspiring
December 13, 2017

iPhone X definitely messes with my apps too….

I use:

var screenwidth: int = Math.max(Capabilities.screenResolutionX, Capabilities.screenResolutionY);

var screenheight: int = Math.min(Capabilities.screenResolutionX, Capabilities.screenResolutionY);

function loadSplash(): void {

       switch (screenwidth) {

            case 2436:

            device = "iPhone X"

            newSplash = new iPhoneXSplash();

            addChild(newSplash);

            break;

     }

}

Then use an if statement to move content away from the notch. Pain but it works

FWIW, I even had to do this using SpriteKit in Xcode 9.2.

natural_criticB837
natural_criticB837Author
Legend
December 13, 2017

Okay so the device_name for iPhone X is either "iPhone10,3" or "iPhone10,6". I am still looking for a way to ignore the notch area and have the stage size restricted instead.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices