Navigation Bar
Set navigation bar color for android lolipop and higher
capacitor-navigation-bar
Set navigation bar color for android lolipop and higher
Install
npm install @capgo/capacitor-navigation-bar
npx cap sync
API
setNavigationBarColor(...)
setNavigationBarColor(options: { color: NavigationBarColor | string; buttonStyle?: NavigationBarButtonStyle; }) => Promise<void>
| Param | Type |
|---|---|
options |
{ color: string; buttonStyle?: NavigationBarButtonStyle; } |
getNavigationBarColor()
getNavigationBarColor() => Promise<{ color: string; buttonStyle: NavigationBarButtonStyle; }>
Returns: Promise<{ color: string; buttonStyle: NavigationBarButtonStyle; }>
Enums
NavigationBarColor
| Members | Value |
|---|---|
WHITE |
"#FFFFFF" |
BLACK |
"#000000" |
TRANSPARENT |
"transparent" |
NavigationBarButtonStyle
| Members | Value |
|---|---|
LIGHT |
"#FFFFFF" |
DARK |
"#000000" |
cantar @capgo/capacitor-navigation-bar
Instalación
Para usar el paquete @capgo/capacitor-navigation-bar, primero debes instalarlo ejecutando el siguiente comando:
[[BLOQUE_Código]]
Configuración del Color de la Barra de Navegación
Puedes establecer el color de la barra de navegación para Android Lollipop y versiones superiores usando la función setNavigationBarColor. Aquí tienes un ejemplo de cómo usarla:
[[BLOQUE_Código]]
El parámetro color es una cadena que representa el color de la barra de navegación.
Obtención del Color de la Barra de Navegación
También puedes obtener el color actual de la barra de navegación utilizando la función getNavigationBarColor. Aquí tienes un ejemplo de cómo usarla:
[[BLOQUE_Código]]
La variable color contendrá el color actual de la barra de navegación.
¡Y eso es todo! Ahora sabes cómo usar el paquete @capgo/capacitor-navigation-bar para establecer y obtener el color de la barra de navegación en tu aplicación de Android.