0

ScreenMetricsNativeScript Angular 2 アプリでアクセスするにはどうすればよいですか?

ScreenMetrics を注入して、Angular の DI システムを使用することになっていますか? Importステートメントは問題ありませんが、次は機能しないため、そうではないと思います。コンソールに奇妙なエラーが表示されます。

import { Component } from '@angular/core';
import { ScreenMetrics } from 'platform';

@Component({
  selector: 'home',
  templateUrl: 'components/home/home.component.html',
})
export class HomeComponent {
  constructor(private screenMetrics: ScreenMetrics) {
    console.log(screenMetrics);
  }
}

残念ながら、ドキュメントはあまり洗練されておらず、ほとんどのコード サンプルは Plain JavaScript コードです。

4

1 に答える 1

2

NativeScript Angular で画面に関する情報を取得するには、 を使用する必要がありますimport { screen } from "platform"。heightDIPs次に、、、、、、プロパティにアクセスできる mainScreenheightPixelsがscaleありwidthDIPsますwidthPixels。以下の例では、NS Angular でそれらにアクセスする方法を確認できます。

import { Component } from '@angular/core';
import { screen } from 'platform';

@Component({
  selector: 'home',
  templateUrl: 'components/home/home.component.html',
})
export class HomeComponent {
  constructor() {
    console.dump(screen.mainScreen);
    console.log(screen.mainScreen.widthPixels);
  }
}
于 2016-06-15T10:00:16.623 に答える