Olá pessoal, tudo bom?

Hoje, o post será uma dica rápida.

Costumo responder perguntas no stackoverflow e vi várias pessoas com problemas na statusbar do iOS 9. A maioria dos problemas era em relação a statusbar estar ficando sobre o app.

Pesquisando sobre o assunto, a solução que encontrei e que está 100% funcionando foi através desse plugin:
https://www.npmjs.com/package/cordova-plugin-statusbar

Mas, não é só instalar que tudo vai estar ‘ok’.

Inserir feature no config.xml

Nos doc’s do plugin, está falando que para a statusbar não ficar sobre o app, a configuração de overlay deve ser setada para false. Dessa forma:

StatusBar.overlaysWebView(false);

Legal, #sqn funciona para o iOS 9. Pelo menos, não hoje.

Bom, para que a configuração funcione é necessário que seja feita no config.xml. Dessa forma:

<preference name="StatusBarOverlaysWebview" value="false"/>

E para setar uma cor, use a seguinte configuração:

<preference name="StatusBarBackgroundColor" value="#ff0000"/>

Você já passou por esse problema? Resolveu de uma forma diferente? Poderia deixar nos comentários como resolveu?

Era isso que queria falar :)

Até o próximo post!

 

Referências

https://www.npmjs.com/package/cordova-plugin-statusbar

https://forum.ionicframework.com/t/navbar-is-under-the-status-bar-on-ios-simulator/187/38