iOS 11 + Header overlay on Status bar

Ionic Framework ionic-v3
1

i found App header is overlay on Status bar only on iOS 11+.

i put









<platform name="ios">
    <preference name="StatusBarOverlaysWebView" value="false" />
</platform>

at config.xml

And also i put

this.platform.ready().then(() => {
if(this.platform.is(“cordova”)) {
this.codePush.sync({installMode: InstallMode.ON_NEXT_RESTART}).subscribe((syncStatus) => {
console.log(“Sync”, syncStatus);
});
if(this.platform.is(“ios”)) {
this.statusBar.overlaysWebView(false);
this.statusBar.styleBlackTranslucent();
} else {
this.statusBar.styleBlackTranslucent();
}
this.statusBar.backgroundColorByHexString("#3b4254");
});

on app.component.ts

i wonder why it is still header overlay on Status bar at iOS 11 + ( checking Simulator )
And also how can i check " .toolbar.statusbar " on Chrome.
i can see many people answer that check the css about .toolbar.statusbar things.
but i cannot find on Chrome.

So please tell me where can i check these problem

Thanks.