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?

[14] [06] The problem with the footer now is the “Home button” and the status bar too.

Maybe that will be solve with this PR https://github.com/apache/cordova-plugin-statusbar/pull/85 too (see explanation and screenshot of @mhartington about the 20px size of the bar)?

Maybe. What should be done to make the tabs have a space below for the Home Button?

I guess someone has to come with a css solution? You could open the Photos app in the debugger, they add an extra margin-bottom after the icon/text of the tabs…guess should do the same in css

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.

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.

iPhone X and Ionic?

Ionic Framework ionic-v3

pliablepixels September 21, 2017, 9:05pm 19

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

Topic		Replies	Views
iOS 11 beta 9 with ionic 1 white bar issue ionic-v1	28	12784	December 25, 2017
iPhone X header and bottom tabs ionic-v1	3	1575	July 19, 2021
Iphone X css issue in ionic3.8.0 ionic-v3	12	4388	July 19, 2021
iPhone X and tab bar ionic-v3	8	5391	October 27, 2019
iPhone X Lower Navbar UI Suggestions? ionic-v3	9	2162	July 19, 2021

iPhone X and Ionic?

Related topics