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渲染机制冲突,会导致闪动现象。
解决方案:
- 使用条件渲染替代显示隐藏
<picker v-if="showPicker" @change="onChange">
<!-- picker内容 -->
</picker>
通过完全销毁/重建组件避免动画冲突。
- 调整动画时长 在App.vue中全局设置:
page {
--window-bottom: 0;
}
- 使用uni-app的弹出层组件替代
<uni-popup ref="popup" type="bottom">
<picker @change="onChange"></picker>
</uni-popup>
- 在manifest.json中配置动画类型
"app-plus": {
"animationType": "none"
}

