ionic-v1 ios statusbar 이슈

아이오닉v1.0 ios status bar 겹치는 이슈

아이오닉v1.0에서 아이폰 ios 7이상에서 나타나는 현상으로 상태바와 겹치는 이슈가 있다.
이문제를 해결 할려면 cordova-plugin-statusbar 플러그인을 설치한다.

혹시 plugins 디렉토리에 이미 설치되어 있다면 따로 설치할 필요가 없다.

$ cordova plugin add cordova-plugin-statusbar

플러그인 설치가 완료되면 config.xml 파일에 아래 코드를 추가하면 된다.

<preference name="StatusBarOverlaysWebView" value="false" /> #상태바 오버레이 기능 비활성
<preference name="StatusBarBackgroundColor" value="#000000" /> #상태바 백그라운드 컬러값 
<preference name="StatusBarStyle" value="lightcontent" /> #상태바 스타일 옵션값: lightcontent, blacktranslucent, blackopaque

참조

• https://github.com/apache/cordova-plugin-statusbar/