Question

如何在NativeScript Angular 2应用中访问ScreenMetrics？

是否应该使用Angular的DI系统，注入ScreenMetrics？我猜不是，因为虽然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"。然后你有了mainScreen，虽然你可以访问heightDIPs，heightPixels，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);
  }
}

在NativeScript角度应用程序中获取ScreenMetrics

1 个答案: