Menu

Personalizando vistas en Ionic 2

uiionic2 - August 03, 2016 por Carlos Rojas

La personalización de nuestras Apps es uno de los aspectos en el exito en el mar de Apps que puedes encontrar en Google Play o App Store.

Ahora si quieres personalizar las vistas en Ionic 2 deberas utilizar SASS, lo cual hace muy facil realizar cambios a todos los componentes de Ionic.

La forma mas facil de empezar es modificar el archivo app/theme/app.variables.scss aca podras encontrar las variables principales para poder modificar.

$colors: (
  primary:    #387ef5,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
);

Puedes cambiar los colores en este archivo y podras observar como se modifica la apariencia general de tu app. Te recomendamos comenzar con primary

Luego observaremos un poco más a fondo como personalizar nuestras apps y te invitamos a jugar con estas variables y a investigar un poco más sobre SASS.


¿Quieres saber más? Suscríbete a nuestro Newsletter o únete a nuestro canal en Slack y mantente atento. Espero sea de utilidad y sigan programando :)

Por: Carlos Rojas