2017-10-12 15 views
0

모든 페이지의 상태 표시 줄 색.방법만을 사용하여 특정 페이지에있는 상태 표시 줄의 색상을 설정하는 이온 내가 내가 변경하려면 <a href="https://ionicframework.com/docs/native/status-bar/" rel="nofollow noreferrer">status bar plugin</a> 나누었다를 사용하여 상태 표시 줄의 배경 색상을 만드는 중이라서 이온 2</p> <p>를 사용하여 안드로이드를위한 모바일 응용 프로그램을 만들 사용하고 2

app.component.ts에서 다음 코드를 사용하고 있습니다. 그러나 그것은 모든 페이지에 반영됩니다. 그것을 성취하는 방법?

import { StatusBar } from '@ionic-native/status-bar'; 

constructor(private statusBar:StatusBar){ 

    this.platform.ready().then(() => { 
    this.statusBar.backgroundColorByHexString('#ff6d79'); 
    this.splashScreen.hide(); 
    }); 
} 

답변

0

모든 페이지에서 개별적으로 설정해야합니다.

import { StatusBar } from '@ionic-native/status-bar'; 

export class HomePage { 

    constructor(private statusBar:StatusBar){ 

    } 

    ionViewDidLoad() { 
    this.statusBar.backgroundColorByHexString('#ff6d79'); 
    } 

} 
+0

그러나 공통 구성 요소에서 코드를 늘리는 다른 방법은 있습니까? – Sakthivel

+0

예, 루트 NavController 이벤트를 구독하고 설정할 수 있습니다. – JoeriShoeby