Meteor(React) : iphone X top white bar issue(Enable full screen)

[rashmimhatre100]

Hi All,
We have developed meteor ios application but in iphoneX there is top white bar is appearing i.e it is not taking full screen resolution.

Read apples’s documents update-apps-for-iphone-x . And came to know that, project’s base SDK should be set to iOS 11. But how to do that? Any idea?

TIA

[wadebuildotto]

under Build Settings > Architectures > Base SDK: Latest IOS IOS 11.2

but this didn’t do anything, I switched to Launch Story Board which at least expanded the top and bottom space but still have the Notch as White Background, and filling in the html and body background color doesn’t help.

for a web app I get a black notch, nothing seems to let it go full screen something is still missing

[skirunman]

It is helpful to first search the forum before posting…

Deploying on iPhone X

My apologies if I’ve missed information about this. I’m keen on deploying my Meteor apps to iPhone X, using the full screen. The only communication on this I’ve seen is the following brief mention in the Meteor docs: On iPhone X it is likely required that you use launch story board images if you want the launch image to cover the entire screen. There are also other app layout issues that need to be adresssed such as “safe areas” and “rounded corners”, see Apple’s iOS app updates for iPhone X. …

[rashmimhatre100]

@skirunman we are using storyboard instead splash screens now the top and bottom issue seems to resolve as we checked it in xcode but white screen is showing after the storyboard launch for some time and then app is showing. Rounded corner/top notch is still persist even after adding storyboard.

[iwoj]

You need to set:

StatusBar.overlaysWebView(true);