如何使用 TypeScript 在 Ionic 中获取设备宽度和高度？

Question

我正在尝试使用 typescript 在 ionic 2 中获取设备宽度和高度。

我用的ionic 2之前的版本，

window.screen.width
window.screen.height

但在较新的版本中，这不起作用。

如何使用 Type Script + ionic 2？

Answer 1

尝试使用 window.innerHeight 和 window.innerWidth 分别获取设备的高度和宽度。

Answer 2

您可以为此使用平台信息。

内部 platform 使用 window.innerWidth 和 window.innerHeight 但

Using this method is preferred since the dimension is a cached value, which reduces the chance of multiple and expensive DOM reads.

离子 4/5

文档：https://ionicframework.com/docs/angular/platform#width-number

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

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

离子 2/3

文档：https://ionicframework.com/docs/v3/api/platform/Platform/#width

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

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