iOS statusbar not transparent but blank white


#1

I set the status bar in app.component.ts.

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

import { MyView } from '../pages/map/map';
import { LoginPage } from '../pages/login/login';

import { UserDataProvider } from '../providers/user-data/user-data';
import { ErrorHandlerProvider } from '../providers/error-handler/error-handler';

@Component({
  templateUrl: 'app.html',
  providers: [UserDataProvider,ErrorHandlerProvider]
})
export class MyApp {
  rootPage:any;

  constructor(platform: Platform, 
              statusBar: StatusBar, 
              splashScreen: SplashScreen,
              private _userData: UserDataProvider,
              private _errorHandler: ErrorHandlerProvider) {
                
    platform.ready().then(() => {
      statusBar.styleDefault();
      this.rootPage = MyView;

      this._userData.getUser()
      .then((user) => {
        
        if(user)
          this.rootPage = MapView;
        else
          this.rootPage = LoginPage;

        splashScreen.hide();
      })
      .catch((error) => this._errorHandler.logError(error));

    });
  }
}

Using default returns an ugly grayish bar. I would like to use translucent, but then the bar becomes just blank white. Do I have to use a combination of translucent and background color? Do I have to add some special xml settings in the config.xml for iOS? Transparnt/ translucent used to work in ionic1.