uni-app HBuilder 3.2.9 且 iOS 15 时 list 下的 cell 滚动绘制异常 list-swiper-waterfall 滚动时 waterfall 白屏

产品分类：

uniapp/App

打包方式：

云端

项目创建方式：

CLI

示例代码：

<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>
`