uniapp 切换横竖屏后，页面错乱问题

分类：uni-app

uniapp

 onShow() {  
    // #ifdef  APP-PLUS  
    plus.screen.lockOrientation("landscape-primary");  
    plus.navigator.setFullscreen(true);  
    // #endif

从A页面进入B页面，设置B页面为全屏且没有导航栏，但是页面十次会有八次页面错乱，并且在返回A页面后，进入C页面，C页面也会布局错乱，再次进入C时才恢复正常

2020-07-21 11:27 负责人:DCloud_Android_ST 分享

7 个回复

大肥光光

所有的 upx rpx 单位换成 px就可（view标签默认34rpx，也要覆盖他写成px）。使用v3编译器后就会出现这种问题。不用v3编译器就没问题。框架支持多端是好事，但是什么事都可以做，就什么事都做不好啊。我去……

6***@qq.com - 窗外的春天

A竖屏页面B横屏页面。A nvue页面。B vue页面, A到B 进入B后延迟300-1000ms后横屏。完事跳回A，样式正常。我的是这样解决的

登录异常

切换横竖屏应该是要再重新加载一次样式吧，onResize这个你是怎么写的？

7***@qq.com (作者)

没有使用这个钩子，怎么重新加载？

2020-07-21 11:36

登录异常

你把你需要初始化的东西放到函数里面或者直接重加载当前页面

7***@qq.com (作者)

我使用uni.redirectTo当前页面也是不行

2020-07-21 11:57
7***@qq.com (作者)

横竖屏切换倒是没问题，关键时切换后，当前页面及其他页面布局出现错乱问题

2020-07-21 11:58
登录异常

回复 7***@qq.com: 那就是你样式的问题了，你要检查你的样式

2020-07-21 14:14
7***@qq.com (作者)

回复登录异常: 不是样式的问题...

2020-07-21 14:18
登录异常

回复 7***@qq.com: 你说说具体的错乱是怎么样的吧

2020-07-21 14:33
7***@qq.com (作者)

回复登录异常: 就是从竖屏切换到横屏后，所有页面布局错了，需要第二次加载才可以。

2020-07-21 15:43
7***@qq.com (作者)

回复登录异常: 我现在换了种思路，就是不切换横屏了，直接让背景图旋转90度，看起来和横屏一样，

2020-07-21 15:44