올바른 크기의 Android 상태 표시 줄을 가져 와서 HTML에 적용 하시겠습니까?

Question

웹 앱을 만들고 있는데 cordova/phonegap을 사용하고 있습니다. 나는이 응용 프로그램에서 다른 테마를 가지고 있고 테마와 함께 상태 표시 줄의 색을 바꿔서 고정 된 투명 (반투명) 상태 표시 줄로 전체 화면으로 만들기로 결정하여 색상이 뒤쪽에서 변경되도록했습니다. HTML에서 상태 표시 줄에 20px의 작은 위쪽 패딩을 추가했습니다. 문제는 상태 표시 줄이 모든 Android 기기에서 같은 크기가 아니라 상태 표시 줄 높이를 20px로 설정하지만 일부 기기에서는 20px가 아님을 나타냅니다. 기기의 상태 표시 줄 높이를 가져 와서 HTML의 상태 표시 줄 높이에 적용 할 수 있습니까? 도와 주셔서 감사합니다.

Answer 1

더 나은 솔루션은 기본적으로 statubar을 떠날 수 있습니다 config.xml

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

에서

(당신의 웹보기에 과부하가있다)과 테마 당신의 부하에 따라 색상을 변경

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

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