Arreglar Iphone X Notch - Apache Cordova

Para muchos ha sido un dolor de cabeza lidiar con el notch de los nuevos teléfonos que apple ha lanzado al mercado.

Tengamos en cuenta los siguientes emuladores:

Iphone X
cordova run ios -l --target="iPhone-X, 12.2" --buildFlag="-UseModernBuildSystem=0"

Iphone SE
cordova run ios -l --target="iPhone-SE, 12.2" --buildFlag="-UseModernBuildSystem=0"

Iniciamos

1. Cambiemos el color del toolbar/statusbar de nuestro dispositvo móvil.
   Modificar el archivo config.xml de la raíz del proyecto.
   
   Modificar la siguiente linea y reemplazar el color en hexadecimal (UI: usar el color primario de la app)
   <preference name="StatusBarBackgroundColor" value="#005eb8"/>

2. Agregamos la siguiente línea en nuestro index.html en la sección de metatags
   <meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

Todavía no está todo, debemos modificar nuestro splash de bienvenida

1. Creamos un splash con dimensiones 2732px x 2732px (Dimension máxima para ipads) El logo de nuestra app lo centramos lo más posible al diseño.
   Lo nombramos así: Default@2x~universal~anyany.png

2. Agregamos el splash screen a nuestro archivo config.xml
   <splash src="resources/ios/splash/Default@2x~universal~anyany.png" />
   nota: Debe ir dentro de <platform name="ios">