0

Que tal, quisiera saber el porque la barra de estado de una app de ionic 2, no aplica el estilo de material designer, como otras app. O hay que agregar algun plugin para que esto suceda? Si alguien, sabe se lo agradezco introducir la descripción de la imagen aquí

2 respuestas 2

2

La barra de estado se ajusta en Ionic de la siguiente manera:

  1. Instalar las dependencias del plugin status bar Ionic native.

  2. Verificar que este correctamente agregado en los providers de ~/src/app/app.module.ts:

    import { StatusBar } from "@ionic-native/status-bar";
    ...
    providers: [StatusBar]
    ...
    
  3. En el archivo ~/src/app/app.component.ts agregar en platform.ready() lo siguiente:

    ...
    import { StatusBar } from "@ionic-native/status-bar";
    
    @Component({
      templateUrl: "app.html"
    })
    export class MyApp {
      ...
    
      constructor(statusBar: StatusBar) {
        platform.ready().then(() => {
          statusBar.styleLightContent();
          statusBar.backgroundColorByHexString("#3c5ed5");
          ...
        });
      }
    }
    

statusBar.styleLightContent() es para cambiar el color de los iconos a blanco, en caso de que el color lo necesite, si se omite este método los iconos serán de color gris oscuro.

Documentación plugin Status Bar

1
  • gracias por la reespuesta, ya resolvi el problema. no es cosa de material designer.
    – Leonel
    Commented el 29 ene. 2018 a las 16:56
1

Por norma al crear una aplicacion con el cli de ionic te añade ya el plugin StatusBar de cordova.

github.com/apache/cordova-plugin-statusbar/

Una vez añadido basta con agregar el color que quieras en la etiqueta StatusBarBackgroundColor en tu fichero config.xml

1
  • gracias por la reespuesta, ya resolvi el problema. no es cosa de material designer.
    – Leonel
    Commented el 29 ene. 2018 a las 16:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.