首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在ionic 3中强制加载特定的方向?

如何在ionic 3中强制加载特定的方向?
EN

Stack Overflow用户
提问于 2019-03-28 23:41:39
回答 2查看 57关注 0票数 0

我尝试在设备和本地主机的ionViewDidLoad()中使用ScreenOrientation设置方向,但无法强制更改。

代码语言:javascript
运行
复制
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { ScreenOrientation } from '@ionic-native/screen-orientation';

@Component({
  selector: 'page-Test',
  templateUrl: 'Test.html'
})
export class TestPage {
  constructor(public navCtrl: NavController,
    public navParams: NavParams,
    private screenOrientation: ScreenOrientation) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad TestPage');
    this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.LANDSCAPE_PRIMARY);
  }
}
EN

回答 2

Stack Overflow用户

发布于 2019-03-29 02:58:33

尝试:

代码语言:javascript
运行
复制
ionViewDidLoad() {
    console.log('ionViewDidLoad TestPage');
    this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.LANDSCAPE);
  }

代码语言:javascript
运行
复制
ionViewDidLoad() {
    console.log('ionViewDidLoad TestPage');
    this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.LANDSCAPE_SECONDARY);
  }
票数 0
EN

Stack Overflow用户

发布于 2019-03-29 13:50:06

在隐藏闪屏之前,您必须在app.components.ts文件initializeApp()方法中添加this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.LANDSCAPE_PRIMARY)行。

示例:app.components.ts

代码语言:javascript
运行
复制
initializeApp() {
    this.platform.ready().then(async () => {
        this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.LANDSCAPE_PRIMARY).then(async ()=>{
            this.statusBar.styleDefault();
            this.splashScreen.hide();

            this.rootPage="HomePage";
            // rest of your code goes here
        });
    });
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55401672

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档