So Apple officially announced the iPhone X yesterday, with its funny little “notch” on the top of the screen. Anybody played with the iOS simulator for the X yet and tried their Ionic app? Will everything just work?

I’ve tried the solutions here and have gotten the gray bars to go away but no luck with the black bars, even after adding the single launch storyboard and patching in the cordova-status-bar changes. Not sure what else to try at this point.

Try the updated PR. It worked for me (see this )

I tried that but maybe i did it wrong, whats the best way to install these PR’s? just take the changed code and overwrite it in your plugin folder?

Hold on, let me grab a v2 project so I can tell you exactly what all I did. I’m currently working on a v1. Will update in a bit (as long as I make things work with the v2 project before my flight takes off in an hour :wink: )

Oh I’m also on v1, tried installing WK but that didnt seem to work for me either…

Oh - in that case, not sure why its not working. As for the PR, I considered adding the PR branch directly via its git branch URL but then I decided just to copy over that one file manually because I’m pretty sure this will be merged very soon.

BTW, if you are running on a simulator (well, you must be unless you work for Apple or its core partners), try killing it. I just tried this on a v2 project and it just wouldn’t work - till I killed the sim and it worked

About Tabs, don’t know if it’s the right way but I opened an issue, since I guess many people gonna face the problem therefore a solution for everybody could be cool [image] Issue: Footer Toolbar need more spacing on iPhone X opened by peterpeterparker on 2017-09-22 closed by p…

Also opened an issue about the Navbar/Toolbar height, I think it should be bigger when I compare with native apps [image] Issue: Toolbar/Navbar height should be bigger on iPhone X opened by peterpeterparker on 2017-09-22 closed by peterpeterparker on 2017-09-22 Ionic vers…

Both of my opened issues about navbar and toolbar size on iPhone X are solved with the ionic nightly build @fedegarlo as far as I understood, the nightly also solve your question about tabs, with this version there will be space between the content of the tabs and the home button of the iPhone X

iPhone X and Ionic?

Ionic Framework ionic-v3

Topic		Replies	Views
iOS 11 beta 9 with ionic 1 white bar issue ionic-v1	28	12871	December 25, 2017
iPhone X header and bottom tabs ionic-v1	2	1595	March 23, 2018
Iphone X css issue in ionic3.8.0 ionic-v3	11	4436	November 29, 2017
iPhone X and tab bar ionic-v3	8	5422	October 27, 2019
iPhone X Lower Navbar UI Suggestions? ionic-v3	8	2213	October 27, 2017

iPhone X and Ionic?

Related topics