PhoneGap - iPhone X Styling


This component shows how to style a Cordova application for iPhone X.


The PhoneGap - iPhone X Styling template is a sample iOS component to demonstrate iPhone X styling and use of the status bar plugin within a Cordova app. Applications built for iPhone X must take into account the 'notch' at the top of the device where the status bar is located. Apps must also accommodate the home button, which is located at the bottom of the screen.

For full instructions on using this template and styling apps for iPhone X, see Styling a Cordova App for the iPhone X.

You MUST use CLI-8.0.0 or CLI-7.x.x with Build type 2 and you MUST generate Storyboard launch images to implement the iPhone X styling.

This template requires the following plugins:

  • statusbar (version 2.4.2 or greater)
  • toast

See Also