PhoneGap - iPhone X Styling


This component shows how to style a PhoneGap 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 PhoneGap 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 PhoneGap App for the iPhone X.

You MUST use PhoneGap 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 PhoneGap plugins:

  • statusbar (version 2.4.2 or greater)
  • toast
This template was tested using PhoneGap Build Version 8.0.

See Also