CordovaIONICngCordova

StatusBar Cordova Plugin


Hay veces que queremos cambiar el color de nuestra Barra de Estado, una buena opción es utilizar el plugin StatusBar, el primer paso es crear nuestro proyecto:

Una vez hecho lo anterior, editaremos nuestro index.html de la siguiente manera:

como pueden ver, he utilizado un arreglo donde he almacenado todos los colores disponibles para dicho método, ahora implementamos nuestro controlador, creando una función colorear(col), la cual se ejecutará al hacer click en los colores de la lista.

El archivo app.js debe quedar de la siguiente manera:

Este plugin tiene dos métodos importantes:

  1. $cordovaStatusbar.styleHex(‘color’): este método acepta cualquier color en Hexadecimal, lo cual nos ayuda a poner cualquier color.
  2. $cordovaStatusbar.styleColor(color): este método, acepta solo algunos colores, los cuales estan definidos en el arreglo $scope.colores y se mostraran en el index.html en una lista.

Una vez compilado nuestra aplicación, nos debe quedar de la siguiente manera:

cordova-statusbar

Artículos Relacionados...

Deja un comentario