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
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"/>
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
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.pngAgregamos 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">
Top comments (0)