Ionic中设置页面横屏和全屏的那些坑

ionic建的程序中设置页面全屏和横屏遇到了一些BUG，在更改这些BUG的过程中发现了这些坑，现在给小伙伴们讲一下，大家以后遇到相同的问题就可以绕过去了。

 

1 设置全屏的坑

我是用隐藏状态栏的方式实现的全屏，本来是已经实现了的，想着新建一个样例给小伙伴们讲一下的，结果在新建的程序下面用同样的代码都实现不了，后来查找原因居然是状态栏相关的插件居然没有添加进去，本来新建tabs程序是默认添加过的，不知道为什么这次新建的居然没有加进去，于是在当前目录的命令行提示符下运行以下代码添加插件即可。

ionic cordova plugin add cordova-plugin-statusbar
npm install --save @ionic-native/status-bar

2 设置横屏的坑

用的官方screen-orientation插件，设置完横屏之后，在安卓机上按返回键再启动程序就又进入了竖屏模式。要绕过这个坑就需要在config.xml文件中写入下面的代码：

小伙伴们会不会想如果写这个代码后，不用插件是不是也可以实现横屏？我就这样试了，横屏是可以实现的，但是手机转动的话，屏幕并不会转动，所以要达到好的体验效果，既又要在config.xml中加代码，也要用插件。

 

3 不用其他页面，只有app.html页面可以吗？

答案是不可以，本来想着让文件最少的原因，我想做一个单页面的，于是把所有的页面都删除了，只用app相关的文件，结果功能都正常，可是在安卓机上按返回键就杯具了，不起作用，当添加新的页面后，返回键功能就正常了。不知道具体是什么原因，小伙伴们可以加我来讨论下啊！

 

如果觉得写的不错，可以打赏哦，您的支持是我一直努力的动力！