微信小程序 ---- 完善grid-view中图片加载慢闪屏问题

问题:

使用grid-view时如果里面有image标签,页面加载会不稳定。官网给出的tip是
官网tip

但即使以上都做到了也还是会闪动。我想着是因为瀑布流本来就是通过计算每列的高度才得出下一个item放入哪一列来实现的,所以在图片加载完毕之前就是会乱。


解决思路:

大概的解决思路就是给gird-view里面的容器设置一个opacity样式,起始为0,等图片加载得差不多了再给它设置成1。再给一个transition时间,过渡时就不会那么楞。其实就是一个障眼法,还有一瞬家的白屏,只比之前图片拉块好看一丢丢🤏
我后期主要是用在列表展示格式的切换中,这样子来回切换时真的比之前闪动好看很多😊
但如果图片加载巨慢的话😂那我是真的没有办法了🤷


代码片段:可以不用看代码,就是加了个opacity设置😂

https://developers.weixin.qq.com/s/9tV3cXmA7QVZ

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容