Ionic开发文档

禁止横屏

发布时间 2018-5-23 15:52:02   浏览量()   收藏(1)

1、插件安装

执行以下命令安装插件

ionic cordova plugin add cordova-plugin-screen-orientation


npm install --save @ionic-native/screen-orientation


2、插件的使用

在 ./src/app/app.module.ts 中添加

import {ScreenOrientation} from "@ionic-native/screen-orientation";

在provides中添加：

ScreenOrientation

在根目录的config.xml中添加：

<preference name="Orientation" value="portrait" />

参数说明：

  • portrait-primary        =>      不允许副竖屏

  • portrait-secondary      =>      不允许副竖屏

  • landscape-primary       =>      不允许副竖屏

  • landscape-secondary     =>      不允许副竖屏

  • portrait                =>      允许主竖屏和副竖屏

  • landscape               =>      允许主横屏和副横屏

  • any                     =>      所有都允许


广告会让浏览体验不好，可这是网站的唯一收入，请点击下面的百度广告，支持老高的开源行动吧！