Comment obtenir la largeur et la hauteur du dispositif dans Ionic 2 en utilisant le type script ?

Question

J'essaie d'obtenir la largeur et la hauteur du dispositif dans ionic 2 en utilisant typescript.

Dans la version précédente de ionic 2 j'ai utilisé,

window.screen.width
window.screen.height

mais dans la nouvelle version, cela ne fonctionne pas.

Comment cela fonctionne-t-il avec le Type script + ionic 2 ?

Answer 1

Vous pouvez utiliser le Informations sur la plate-forme comme ça :

import {Component} from '@angular/core';
import {Platform} from 'ionic-angular';

@Component({...})
export MyApp {
  constructor(platform: Platform) {
    platform.ready().then((readySource) => {
      console.log('Width: ' + platform.width());
      console.log('Height: ' + platform.height());
    });
  }
}

Comme vous pouvez le voir dans la documentation de Ionic, en interne, la fonction platform utilise le window.innerWidth y window.innerHeight mais

L'utilisation de cette méthode est préférable car la dimension est une valeur en cache, ce qui réduit le risque de lectures multiples et coûteuses du DOM.

Answer 2

Essayez d'utiliser window.innerHeight et window.innerWidth pour obtenir respectivement la hauteur et la largeur du dispositif.