Este complemento define global   StatusBar  Aunque en el ámbito global, no estará disponible hasta después del   deviceready  evento.

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    console.log(StatusBar);
}

Methods

• StatusBar.overlaysWebView
• StatusBar.styleDefault
• StatusBar.styleLightContent
• StatusBar.backgroundColorByName
• StatusBar.backgroundColorByHexStrings
• StatusBar.hide
• StatusBar.show

Properties

• StatusBar.isVisible

Events

• statusTap

StatusBar.overlaysWebView

Haga que la barra de estado se superponga o no a WebView.

Description

Configúrelo en verdadero para que la barra de estado se superponga en la parte superior de su aplicación. Asegúrese de ajustar su estilo en consecuencia para que la barra de título o el contenido de su aplicación no queden cubiertos. Configúrelo en falso para que la barra de estado sea sólida y no se superponga a su aplicación. Luego puede configurar el estilo y el color de fondo según sus necesidades utilizando las otras funciones.

Ejemplo

StatusBar.overlaysWebView(true);
StatusBar.overlaysWebView(false);

StatusBar.styleDefault

Utilice la barra de estado predeterminada (texto oscuro, para fondos claros).

Ejemplo

StatusBar.styleDefault();

StatusBar.styleLightContent

Utilice la barra de estado lightContent (texto claro, para fondos oscuros).

Ejemplo

StatusBar.styleLightContent();

StatusBar.backgroundColorByName

cuando configura StatusBar.overlaysWebView en falso, puede configurar el color de fondo de la barra de estado por el nombre del color.

Ejemplo

StatusBar.backgroundColorByName("red");

Los nombres de colores admitidos son:

black dark Gray light Gray white gray red green blue cyan yellow magenta orange purple brown

StatusBar.backgroundColorByHexString

Establece el color de fondo de la barra de estado mediante una cadena hexadecimal.

Ejemplo

StatusBar.backgroundColorByHexString("#C0C0C0");

También se admiten propiedades abreviadas de CSS.

StatusBar.backgroundColorByHexString("#333"); // => #333333
StatusBar.backgroundColorByHexString("#FAB"); // => #FFAABB

cuando StatusBar.overlaysWebView es verdadero, también puede especificar valores como #AARRGGBB, donde AA es un valor alfa.

StatusBar.hide

Oculta la barra de estado.

Ejemplo

StatusBar.hide();

StatusBar.show

Muestra la barra de estado.

Ejemplo

StatusBar.show();

StatusBar.isVisible

Lea esta propiedad para ver si la barra de estado es visible o no.

Ejemplo

if (StatusBar.isVisible) {
	// do something
}