MICHELEPISANI.IT
 

Con un plugin ed alcune istruzioni in config.xml

Evitare la sovrapposizione della Status Bar su iOS con Cordova

Settembre 19
07:022015

Lavorando con Cordova (Phonegap) per iOS uno dei problemi in cui è possibile imbattersi è la sovrapposizione della status bar con il contenuto delle nostre schermate che, oltre ad inficiare negativamente sul risultato visivo dell'applicazione, va a limitare le funzionalità dell'app qualora alcuni bottoni o tasti azione vadano ad occupare quella parte di spazio, come mostrato di seguito (Fig. 1):


Apache Cordova - Phonegap - Evitare la sovrapposizione della status bar su iOS

Fig. 1 - Apache Cordova - Phonegap - Status bar sovrapposta su iOS


In giro si trovano soluzioni datate che utilizzano il plugin obsoleto org.apache.cordova.statusbar, ed il risultato dell'esecuzione del comando per la sua installazione (cordova plugin add org.apache.cordova.statusbar) è il seguente:

cordova plugin add org.apache.cordova.statusbar

Fetching plugin "org.apache.cordova.statusbar" via npm
WARNING: org.apache.cordova.statusbar has been renamed to cordova-plugin-statusbar. 
You may not be getting the latest version! We suggest you `cordova plugin rm org.apache.cordova.statusbar` and `cordova plugin add cordova-plugin-statusbar`


Come si evince dalla risposta del WARNING il plugin da utilizzare, per garantire che sia aggiornato all'ultima versione stabile, ha il nome modificato ed il comando da lanciare è il seguente:

cordova plugin add cordova-plugin-statusbar


Le modifiche da apportare per ottenere il risultato desiderato interessano anche il file config.xml e nello specifico si riferiscono al cambio di impostazioni e valori per la status bar come di seguito:

<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#000000" />
<preference name="StatusBarStyle" value="lightcontent" />


Il risultato è il seguente:

Apache Cordova - Phonegap - Evitare la sovrapposizione della status bar su iOS

Fig. 2 - Apache Cordova - Phonegap - Status bar corretta su iOS


Il valore fondamentale è quello booleano per StatusBarOverlaysWebView mentre gli altri due interessano rispettivamente il colore della status bar e quello del suo contenuto.


Tags
Condividi

Autore

Michele Pisani

Michele Pisani

Ho uno spiccato orientamento al problem-solving, se è troppo facile non mi diverto :)
Credo nella volontà e nel cambiamento perchè hanno fatto della mia passione il mio pane quotidiano.
Se devo descrivermi con una sola parola direi... "Concretezza", la mia stretta di mano è una garanzia.

0 Commenti

Non ci sono commenti

Nessuno ha ancora commentato questo articolo, fallo tu per primo!

Scrivi un Commento

Scrivi un Commento

Il tuo indirizzo email non sarà pubblicato.
I campi contrassegnati da un * sono obbligatori

Articoli e Argomenti correlati

Categorie popolari

Iscriviti alla mia newsletter

La tua e-mail con me sarà al sicuro.
Non fornirò mai le tue informazioni a nessuno!

Ultimi commenti

Michele Pisani

Grazie Paolo,
spero possa tornarti utile per i tuoi scopi.

Paolo

salve,mi interessa il progetto sensore gas ,per applicazioni in agricoltura.Vedremo gli …

Michele Pisani

Ciao Rossana,
strano problema, una domanda: continui a visualizzare entrambe le pagine o una …

Rossana

Ciao Michele, il mio problema è che Facebook non mi risponde. Mi è successo tre volte: faccio …