uni-app App-Android平台nvue list 组件使用 refresh 功能时会出现1px白边Bug

uni-app App-Android平台nvue list 组件使用 refresh 功能时会出现1px白边Bug

项目信息 详情
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 3.0.7
手机系统 Android
手机系统版本号 Android 10
手机厂商 红米
手机机型 note 9 pro
页面类型 nvue
打包方式 云端
项目创建方式 HBuilderX

操作步骤：

  • Android手机nvue list 组件使用 refresh

预期结果：

  • 组件顶部无白边

实际结果：

  • 顶部会出现1px白边的Bug

bug描述：

  • Android手机nvue list 组件使用 refresh 会出现1px白边的Bug（测试手机：华为荣耀8，红米note 9 pro）

更多关于uni-app App-Android平台nvue list 组件使用 refresh 功能时会出现1px白边Bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

HX3.0.7已修复，相关链接，https://ask.dcloud.net.cn/question/105800

更多关于uni-app App-Android平台nvue list 组件使用 refresh 功能时会出现1px白边Bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html


还是没有哦，就是用的3.0.7.20210123打包的

修复文档是说已修复，但是打出来的还是有这个1px白边

回复 极星123: 提供一个简单可直接复现的示例，上传附件，看一下

将refresh标签的背景颜色与list背景颜色调成一致就行了 refresh内部组件可以设置其他颜色

3.2.3 还是没解决啊，一直有，怎么处理啊，顶部有1PX白边

2021.12.23日，HbuilderX 3.2.16,在Android端该问题任然未修复

这是一个已知的Android平台nvue list组件刷新时的渲染问题。建议尝试以下解决方案：

  1. 在list组件上添加以下样式：
.list {
  overflow: hidden;
  border-top-width: 0px;
}
  1. 或者尝试在refresh组件外层包裹一个view，并设置背景色：
<view style="background-color:#FFFFFF">
  <list>
    <refresh></refresh>
    ...
  </list>
</view>
回到顶部