详细问题描述
uniapp默认设置竖屏,禁止横屏,但发现如果手机是横屏进入app,然后发现nuve页面会是放大状态,应该是横屏大小的状态,不能自动恢复,而vue的页面是自动恢复正常的。
[内容]
重现步骤
[步骤]
让手机牌横屏,然后开启uniapp,进入。
[结果]
weex的nvue页面,是横屏的效果显示在竖屏中,所以是放大的感觉。屏幕是竖过来了,nvue内容也是坚过来了,但内容的尺寸是按横屏时的尺寸显示的。
[期望]
weex的页面与vue页面一样,可以正常处理,尺寸自动恢复。
7 个回复
y***@100to.com (作者)
正常情况
不正常情况
发现这个原因,就是uniapp第一次进入时,手机是横屏进入时,虽然屏幕恢复到竖屏,但nvue内容尺寸还是按横屏尺寸设置的。
vue页面没有这个情况。
Boogie
"orientation" : [ "portrait-primary", "landscape-primary" ]
在manifest中配置一下只允许竖屏,然后app打包后就不会出现这个问题了(我这边测试是这样,你可以试一下)。
y***@100to.com (作者)
默认是这个"orientation": ["portrait-primary"],
然后我改成"orientation" : [ "portrait-primary", "landscape-primary" ]
生成后,问题依旧存在。
只要是横屏开启APP,weex的页面受影响 。
重复
横屏问题还没解决呢,我也被坑了
1***@qq.com
我也用到了某个页面需要横屏,在你需要的横屏的界面,进行延时,目前还没有出现问题,
setTimeout(() => {
plus.screen.lockOrientation("landscape-primary");
同时该页面引发的其他页面,包括返回页面的onshow里面需要重新横屏
r***@qq.com
这个方法我也想到了,页面还是以竖屏的基准渲染的,但是这个页面是全屏不滑动的话,页面底部那部分就完全看不到了
2019-09-10 15:04
HealerLZH
你好,这个横屏放大的现象我也遇到了。
是这样,我需要将一个图表横屏,然后返回上一页(tabbar)没有问题。然后点另一个tabbar页面浏览,发现吧把这个页面放大了,应该是按横屏的状态显示的。再点其他tabbar又没有问题。那个被放大的页面就一直那样,除非重新打开app.
请问有解决办法吗
2019-09-27 15:02
facchin
请问楼主,解决了吗
1***@qq.com - 开发者
我也遇到同样的问题了 楼主解决了吗?