2016-08-27 8 views
2

Я делаю веб-приложение, и я использую cordova/phonegap. У меня разные темы в этом приложении, и я хочу сделать изменение цвета в строке состояния с темой, поэтому я решил сделать приложение полноэкранным с фиксированной прозрачной (полупрозрачной) строкой состояния, чтобы цвет изменился за ним. В HTML я добавил небольшое верхнее дополнение 20px для строки состояния. Проблема в том, что строка состояния не одинакового размера на всех устройствах Android, но я установил высоту строки состояния 20 пикселей, но на некоторых устройствах это не 20 пикселей! Могу ли я получить высоту строки состояния устройства и применить его к высоте строки состояния в HTML? Спасибо за вашу помощь и ответ!Получите правильный размер строки состояния android и примените его к HTML?

+0

Можете ли вы добавить код в сообщение? – e666

+0

Просто забыл упомянуть, я использую Framework7, поэтому у меня есть код https://framework7.io/docs/status-bar.html –

ответ

0

Лучшим решением может быть оставление statubar по умолчанию (которые он перегружает WebView)

В config.xml

<preference name="StatusBarOverlaysWebView" value="true" /> 

и изменить свой цвет на основе темы вашей загрузки

document.addEventListener('deviceready', onDeviceReady, false); 

function onDeviceReady() { 
    if (/* theme */) 
     StatusBar.backgroundColorByHexString("#C0C0C0"); 
}