How to remove white space from iPhone X in ionic / Cordova

Hey all,

Please check below image in this you can find this issue -

Finally, I found the solution to this problem. It saves a lot of time. Now UI is proper of my app. Please run below command in your project -

First uninstall "statusbar" old version plugin by using this command -

$ ionic cordova plugin rm cordova-plugin-statusbar

Now add the new version of this plugin by using this command -

$ ionic cordova plugin add cordova-plugin-statusbar

$ npm install --save @ionic-native/status-bar

Basically, what we did, We just removed the plugin and added new updated plugin of "Status Bar". This solves my problem. Please check this image -

Steps for ionic soluion :

$ ionic cordova plugin rm cordova-plugin-statusbar

$ ionic cordova plugin add cordova-plugin-statusbar

$ npm install --save @ionic-native/status-bar

Steps for Cordova solution :

$ cordova plugin rm cordova-plugin-statusbar

$ cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git