Подтвердить что ты не робот

Как получить ширину и высоту устройства в Ionic 2 с помощью Type Script?

Я пытаюсь получить ширину и высоту устройства в ионном 2 с помощью typescript.

В предыдущей версии ионного 2 я использовал

window.screen.width
window.screen.height

но в новой версии это не работает.

Как работает с типом Script + ионным 2?

Ответ 1

Вы можете использовать информацию о платформе следующим образом:

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());
    });
  }
}

Как и в Ionic docs, внутри platform используются window.innerWidth и window.innerHeight, но

Использование этого метода является предпочтительным, поскольку размерность является кешированным значением, что уменьшает вероятность многократного и дорогого чтения DOM.

Ответ 2

Попробуйте использовать window.innerHeight и window.innerWidth для получения высоты и ширины устройства соответственно.