Cómo personalizar fácilmente el diseño de su aplicación iónica para los teléfonos iOS y Android más populares

No estoy seguro de entender completamente lo que está preguntando, pero supongo que quiere decir que desea que ciertas características solo se muestren en ciertos dispositivos / marcas / modelos. (Solo agregue una edición si no y revisaré mi respuesta).

Como probablemente sabrás, puedes usar los complementos de Cordova en Ionic. Y como tal, Cordova tiene la solución perfecta para detectar el tipo de dispositivo, hardware, etc. Se llama Cordova-Plugin-Device. Proporciona funciones de ayuda fáciles de usar que se enumeran a continuación;

  • dispositivo.cordova
  • dispositivo.modelo
  • dispositivo.plataforma
  • dispositivo.uuid
  • dispositivo.version
  • dispositivo fabricante
  • device.isVirtual
  • dispositivo.serial

Puede obtener el modelo o fabricante del dispositivo, etc. y usarlo como parámetro para lo que quiera lograr. p.ej

var make = dispositivo.manufacturador;

// Android: Motorola XT1032 devolvería “motorola”
// BlackBerry: devuelve “BlackBerry”
// iPhone: devuelve “Apple”

Luego, en su configuración .run, puede hacer algo como (si quiere que lo que quiera hacer se aplique solo en un determinado controlador, puede hacerlo allí)

if (make === “Apple”) {
// HAZ algo genial aquí
}más{
// No hagas algo genial aquí
}

Happy Coding 😉

Personalización de la plataforma Ionic ya incluye algunas personalizaciones basadas en la plataforma, pero a veces necesita que su proyecto sea aún más personalizado. Hay algunas maneras diferentes en que puede usar la plataforma para diseñar una aplicación. Aprenda a implementar clases de plataforma, use JS para diseñar su aplicación o use plantillas dinámicas en la documentación a continuación.

Diseño de clases de plataforma con plantillas dinámicas AngularJS

http://ionicframework.com/docs/p

http://ionicframework.com/docs/p

http://ionicframework.com/docs/p

http://ionicframework.com/docs/c