uni-app nvue ios 横屏模式下竖屏激励视频导致尺寸异常

uni-app nvue ios 横屏模式下竖屏激励视频导致尺寸异常

视频链接

正常情况下的首页

ios nvue, 横屏状态下但是激励视频出的竖屏广告,导致返回到首页,nvue页面尺寸异常。

目前推测是uniapp rpx异常的问题（“globalStyle”: {“dynamicRpx”:true}已经设置）


更多关于uni-app nvue ios 横屏模式下竖屏激励视频导致尺寸异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

有没有大佬遇见过这个冷门问题

更多关于uni-app nvue ios 横屏模式下竖屏激励视频导致尺寸异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


有没有大佬看一下

nvue页面已停止维护，建议有条件更新使用uni-app x项目。

大佬 有没有解决的建议 项目是完整项目不好转型

回复 1***@qq.com: 比如重新渲染之类的

回复 1***@qq.com: 异常状态是什么样子的，截图发出来

回复 DCloud_App_Array: 麻烦看一下 触发和异常视频 https://mp-b773ba47-2eaf-482d-9361-f3ea8ef3acf1.cdn.bspapp.com/cloudstorage/test.mp4

这是一个已知的uni-app nvue在iOS横屏模式下播放竖屏激励视频后导致的尺寸异常问题。主要原因是横竖屏切换时rpx计算机制出现偏差。

解决方法建议：

  1. 在页面onShow生命周期中手动重置窗口尺寸：
onShow() {
    plus.screen.lockOrientation('landscape-primary')
    uni.hideTabBar() // 如果使用tabbar需要隐藏
    this.$nextTick(() => {
        plus.navigator.setFullscreen(true)
    })
}
  1. 在广告关闭回调中强制刷新页面布局：
rewardedVideoAd.onClose(res => {
    this.$nextTick(() => {
        plus.screen.lockOrientation('landscape-primary')
        uni.hideTabBar()
    })
})
回到顶部