Ionic3学习笔记（三）禁止横屏

最新推荐文章于 2022-12-19 08:51:37 发布

MetaphorXi

最新推荐文章于 2022-12-19 08:51:37 发布

阅读量717

点赞数 1

分类专栏： Coding 文章标签： Ionic3

本文链接：https://blog.csdn.net/MetaphorXi/article/details/78146030

版权

Coding 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

本文为原创文章，转载请标明出处

1. 安装

命令行输入

ionic cordova plugin add cordova-plugin-screen-orientation
npm install --save @ionic-native/screen-orientation

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

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

在 provides 中添加

ScreenOrientation,

2. 使用

在 ./config.xml 中添加

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

3. 参数

portrait-primary        =>      不允许副竖屏
portrait-secondary      =>      不允许副竖屏
landscape-primary       =>      不允许副竖屏
landscape-secondary     =>      不允许副竖屏
portrait                =>      允许主竖屏和副竖屏
landscape               =>      允许主横屏和副横屏
any                     =>      所有都允许

如有不当之处，请予指正，谢谢～