uniapp云打包成app后，在Android12手机上横屏样式未填满手机界面；在ios手机上横屏不生效；问题解决-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp云打包成app后，在Android12手机上横屏样式未填满手机界面；在ios手机上横屏不生效；问题解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题1：横屏在本地调试时是好的，云打包后在Android12上横屏样式宽度就只生效了一半。

解决：在onLoad中，定时500ms后再进行横屏操作（200ms不生效）

onLoad(option) {
	// #ifdef APP-PLUS
	setTimeout(() => {
		plus.screen.unlockOrientation();//解除屏幕方向的锁定，但是不一定是竖屏；
		lus.screen.lockOrientation('landscape-primary');
	}, 500)
	// #endif
},

问题2：云打包后在ios中横屏不生效。

解决：在manifest.json文件中的app-plus下、app-plus中的distribute下都添加横竖屏设置代码，之前只在distribute下添加，本地调试时android、ios都能生效，云打包后ios就失效了

"app-plus" : {
    /* 横竖屏设置 */
    "screenOrientation" : [ "portrait-primary", "landscape-primary" ],
    "distribute" : {
        "screenOrientation" : [ "portrait-primary", "landscape-primary" ],
    }
}

Android12在横屏返回后的部分界面，会出现宽度拉伸至屏幕之外的情况

uniapp云打包成app后，在Android12手机上横屏样式未填满手机界面；在ios手机上横屏不生效；问题解决,uni-app,uni-app,ios,android