像素方舟_青阳
像素方舟_青阳
  • 发布:2021-09-29 10:22
  • 更新:2021-10-15 16:43
  • 阅读:621

【报Bug】HBuilder 3.2.9 且 iOS 15 时,list 下的 cell 在滚动时绘制异常,而且list-swiper-waterfall 在滚动的时候 waterfall 会整个白屏

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS Big Sur 11.6

HBuilderX类型: 正式

手机系统: iOS

手机系统版本号: IOS 14

手机厂商: 模拟器

手机机型: iPhone 12

页面类型: nvue

nvue编译模式: fast

打包方式: 云端

项目创建方式: CLI

CLI版本号: 2.0.0-32920210927001

示例代码:
<template>  
  <hbb-scroll list :id="id" :bounce="false" :fix-freezing="true">  
    <cell :style="{ height: headerHeight }">  
      <view class="status-bar" :style="{ height: statusBarHeight }" v-if="show" />  
      <view class="head">  
        <text>{{ headerHeight }}</text>  
      </view>  
    </cell>  
    <cell :style="{ height: pageHeight }">  
      <view class="tabs" @appear="show = true" @disappear="show = false"/>  
      <hbb-scroll ref="page" waterfall :bounce="false" :fix-freezing="true">  
        <header style="height:24rpx"></header>  
        <cell v-for="idx in 20" :key="idx">  
          <text class="card">{{ idx }}</text>  
        </cell>  
      </hbb-scroll>  
    </cell>  
  </hbb-scroll>  
</template>  

<script>  
  import HbbScroll from '../../components/hbb-scroll.vue'  
  export default {  
    components:{  
      HbbScroll  
    },  
    data() {  
      const sys = uni.getSystemInfoSync()  
      return {  
        id: 'main',  
        show: false,  
        pageHeight: sys.windowHeight - sys.statusBarHeight,  
        headerHeight: sys.screenHeight,  
        statusBarHeight: sys.statusBarHeight,  
      }  
    },  
    onReady() {  
      this.$refs.page.setEffects(this.id, this.headerHeight)  
    },  
  }  
</script>  

<style lang="scss" scoped>  
.status-bar {  
  position: fixed;  
  top: 0;  
  right: 0;  
  left: 0;  
  background: white;  
}  

.head {  
  flex: 1;  
  align-items: center;  
  justify-content: center;  
  background: rgba(green, 0.1);  
}  

.tabs {  
  height: 88rpx;  
  background: rgba(red, 0.1);  
}  

.card {  
  width: 328rpx;  
  height: 328rpx;  
  margin-bottom: 24rpx;  
  line-height: 328rpx;  
  text-align: center;  
  background: white;  
  border-radius: 20rpx;  
}  
</style>

操作步骤:

iOS15 模拟器运行

预期结果:

渲染正常

实际结果:

渲染异常

bug描述:

HBuilder 3.2.9 且 iOS 15 时

  1. list 下的 cell 在滚动时绘制异常
  2. list-swiper-waterfall 在滚动的时候 waterfall 会整个白屏

示例代码中,移除了部分信息,但是整体意思应该清楚的,和代码没关系。应该是list还有waterfall有问题

2021-09-29 10:22 负责人:DCloud_iOS_XHY 分享
已邀请:

最佳回复

DCloud_iOS_XHY

DCloud_iOS_XHY

打包机已更新相关依赖库修复此问题,使用 HX3.2.9 版本重新提交云端打包就好了

DCloud_iOS_XHY

DCloud_iOS_XHY

你好,请上传一个能复现问题的完整示例方便排查

像素方舟_青阳

像素方舟_青阳 (作者)

补充一下官方的显示问题

DCloud_iOS_XHY

DCloud_iOS_XHY

waterfall 的示例是否可以提供一下?

  • 像素方舟_青阳 (作者)

    工程放到附件里面了

    2021-09-30 15:30

  • 像素方舟_青阳 (作者)

    我提的几个BUG,确认了的话给我加点分,每次新版或Alpha出来,我都得给你们测试一堆,写demo也费时。你看我主页,里面全是bug反馈

    2021-09-30 15:33

  • DCloud_iOS_XHY

    回复 像素方舟_青阳: 好的,确认了必须得加分

    2021-09-30 17:56

  • DCloud_iOS_XHY

    问题复现了,今天会发布新版本已经修复

    2021-09-30 18:04

2***@qq.com

2***@qq.com

https://blog.csdn.net/qq_23064433/article/details/120771735

要回复问题请先登录注册