#Ionic ios 11 status bar padding update#

However, if you want some more typical native animations for your transitions there’s an easy way to get awesome truly native page transitions within your Ionic app. On the early versions of iOS, the status bar was a constant black bar across the top of the screen that was largely After a little try and error, this is the solution I came up with. The standard Ionic page transitions already look very decent compared to older Cordova apps from some years ago. Then, just before updating to Xcode 9, you have to do ionic prepare ios and open the.

#Ionic ios 11 status bar padding update#

Update cordova ios platform version to cordova-ios4.5. Understanding the WebView Viewport in iOS 11, Status Bars & Safe Areas. Same as with the status bar plugin, you can do the following. SE, 6, 7, 8) and it causes visual inconsistency between these IOS devices. I know that -ion-safe-area-top can be used in this case, but it adds addition spacing after the status, which is missing for previous versions of the iPhone (e.g. Return delegate] window].safeAreaInsets.top > 20.0 ĬGRect viewBounds = īOOL toolbarVisible = ! īOOL toolbarIsAtBottom = ! įloat topSafeArea = delegate] window].safeAreaInsets.top įloat bottomSafeArea = delegate] window].safeAreaInsets. The status bar plugin has changed for iphoneX, remove the old plugin and add it again.Since the size of the status bar changed on iphone X older version of the plugin will display incorrectly. It has a value of 20px but it's not enough to cover the status bar area.