uni-app 安卓picker隐藏会出现闪动

uni-app 安卓picker隐藏会出现闪动

操作步骤:

  • 小米10安卓机,使用picker,实际测试华为机型也会

预期结果:

  • 不闪

实际结果:

bug描述:

  • 安卓picker隐藏会出现闪动,具体请看附件视频
开发环境 版本号 项目创建方式
Windows 10 HBuilderX
3.1.22
Android Android 11
小米 10

更多关于uni-app 安卓picker隐藏会出现闪动的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

更多关于uni-app 安卓picker隐藏会出现闪动的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的安卓平台兼容性问题。picker组件在安卓端隐藏时,由于系统原生组件动画与uni-app渲染机制冲突,会导致闪动现象。

解决方案:

  1. 使用条件渲染替代显示隐藏
<picker v-if="showPicker" @change="onChange">
  <!-- picker内容 -->
</picker>

通过完全销毁/重建组件避免动画冲突。

  1. 调整动画时长 在App.vue中全局设置:
page {
  --window-bottom: 0;
}
  1. 使用uni-app的弹出层组件替代
<uni-popup ref="popup" type="bottom">
  <picker @change="onChange"></picker>
</uni-popup>
  1. 在manifest.json中配置动画类型
"app-plus": {
  "animationType": "none"
}
回到顶部