在Ionic 4中允许平板电脑上的屏幕旋转,但不能在手机上旋转

时间:2019-03-26 17:01:29

标签: ionic-framework ionic4

我发现此线程将锁定每个设备How to restrict app to portrait mode only in ionic for all platforms?的线程,但我要执行的操作是允许在平板电脑(而不是手机)上旋转屏幕。

我希望可以在config.xml中进行设置,但是我认为我将需要更多类似https://ionicframework.com/docs/native/screen-orientation/的东西,并且以编程方式进行操作,除非丢失了某些东西。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

您可以使用import { Platform} from 'ionic-angular';来检查设备,并使用import { ScreenOrientation } from '@ionic-native/screen-orientation';来旋转屏幕。

constructor(private navCtrl: NavController, private plt: Platform, private screen: ScreenOrientation) {
    if (this.plt.is('tablet')) {
      if (this.screen.type === 'portrait-primary') {
        this.screen.lock(this.screen.ORIENTATIONS.LANDSCAPE);
      }
    }
  }

此代码包含检查设备是否为平板电脑以及屏幕是否为纵向屏幕的代码,然后它将屏幕自动旋转为横向模式。