web-dev-qa-db-fra.com

Comment obtenir la largeur et la hauteur du périphérique dans Ionic 2 en utilisant Type Script?

J'essaie d'obtenir la largeur et la hauteur du périphérique 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 ça marche avec Type Script + ionic 2?

angulartypescriptionic-frameworkionic2ionic3
33
Jignesh M. Mehta

Vous pouvez utiliser le informations sur la plateforme comme ceci:

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 Ionic docs, en interne, le platform utilise le window.innerWidth et window.innerHeight mais

L'utilisation de cette méthode est recommandée car la dimension est une valeur mise en cache, ce qui réduit les risques de lectures DOM coûteuses et multiples.

78
sebaferreras

Essayez d’utiliser window.innerHeight et window.innerWidth pour obtenir respectivement la hauteur et la largeur du périphérique.

6
AishApp