uni-app 扫码选择相册后返回扫码界面线条动画停止

uni-app 扫码选择相册后返回扫码界面线条动画停止

项目 信息
产品分类 uni小程序SDK
手机系统 iOS
手机系统版本号 iOS 15
手机厂商 苹果
手机机型 iPhone XS Max
页面类型 vue
SDK版本号 3.2.16

操作步骤:

  • 扫码界面选择相册返回到扫码

预期结果:

  • 扫描线动画正常

实际结果:

  • 扫描线动画停止

bug描述:

3e8509dc41f04ba6cafd799a91cc5aff_662440824821_v_1640748024835524.mp4_.zip


更多关于uni-app 扫码选择相册后返回扫码界面线条动画停止的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

Bug已确认 稍后版本会修复

更多关于uni-app 扫码选择相册后返回扫码界面线条动画停止的实战教程也可以访问 https://www.itying.com/category-93-b0.html


该问题是由于iOS系统在从相册选择图片返回扫码页面时,页面生命周期未正确触发导致的动画停止。

原因分析

  1. 扫码页面的扫描线动画通常依赖页面的 onShowonResume 生命周期来启动或恢复。
  2. 在iOS中,从相册选择图片返回原页面时,可能未触发 onShowonResume,导致动画状态未更新。

解决方案
在扫码页面的 onShowonResume 生命周期中,显式重启扫描线动画。示例代码如下:

onShow() {
  // 重启扫描动画
  this.startScanAnimation();
},
methods: {
  startScanAnimation() {
    // 调用扫码组件的动画重启方法,或自定义动画逻辑
    // 例如:使用 uni.createAnimation 重新执行动画
  }
}
回到顶部