NativeScript Angular AppでScreenMetricsを取得する

Question

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

私は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); 
    } 
} 

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

Answer 1

NativeScriptのAngularでは、画面に関する情報を取得するためにimport { screen } from "platform"を使用してください。次にメイン画面が表示されますが、heightDIPs、heightPixels、scale、widthDIPs、widthPixelsというプロパティにアクセスできます。下の例では、NSにアクセスする方法を確認できます。角度

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