用transform横向移动图片，在iOS端会图片闪，怎么优化？

Question

在微信小程序上，用transform：translateX()横向移动图片位置

用定时器每次移动一帧，一张图片的位置。在iOS端会出现闪烁的情况。

而且是在全部图片加载完后执行的位置移动

目前测试的iphone7和iPhone11会闪。其他手机没有出现这种情况

百度找的方法
比如用
translate3d来移动。

设置样式will-change: transform;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;

图片设置样式
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-perspective: 1000;
perspective: 1000;

这些方法都不行

有没有大佬知道这怎么才能优化这个？

Answer 1

你的图片是否是cover-image组件，cover-image组件会有性能问题，建议换成image组件，目前小程序已经支持原生组件和非原生组件同层渲染了，不再需要cover系列的组件了