下拉刷新
l***@126.com
- 发布：2022-03-12 22:52
- 更新：2022-03-21 18:07
- 阅读：351
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 家庭版 20H2
HBuilderX类型： 正式
HBuilderX版本号： 3.3.11
手机系统： Android
手机系统版本号： Android 11
手机厂商： 摩托罗拉
手机机型： edge S
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
清空数据，重新渲染
清空数据，重新渲染
实际结果：
表现出来的视觉是，好像没有清空数据，所有的数据重新快速地显示了一遍，之后才显示正确的数据渲染结果
表现出来的视觉是，好像没有清空数据，所有的数据重新快速地显示了一遍，之后才显示正确的数据渲染结果
bug描述：
下拉刷新时，图片有短暂变形；主要bug：有多页数据时，加载完所有数据后，再下拉刷新，页面会将所有子项都闪烁显示一遍
6 个回复
l***@126.com (作者)
录屏有60多兆，上传不上来
小枫叶 - 外包接单加v:wlmk1234567 注明来意
录屏用格式工厂转一遍格式就能变小发上来了 然后关于你刷新的问题, 安卓本身也是闪烁, 所以应该不存在于刷新会有问题的情况,但具体怎么闪烁的,你发一下视频看一眼吧
l***@126.com (作者)
视频已传
2022-03-14 09:14
l***@126.com (作者)
请问看了视频吗，要怎么解决呢
2022-03-18 13:57
l***@126.com (作者)
这个是视频
小枫叶 - 外包接单加v:wlmk1234567 注明来意
能给个demo么.可以复现的demo
l***@126.com (作者)
已上传测试demo，麻烦看下，谢谢！
2022-03-21 09:37
l***@126.com (作者)
这是测试demo
小枫叶 - 外包接单加v:wlmk1234567 注明来意
你onAppear()这个方法,在刷新的时候调用了多次,所以才会出问题.你把那个里面的getList去掉以后他就不这样了,虽然也会闪,但是比原来的好多了
l***@126.com (作者)
没有调多次啊，最多2次吧，有打印输出的。重点是加载的页数越多，再下拉刷新的时候，闪烁就越严重。比如只加载2页，再下拉，闪烁的就只有2页的数据，如果加载4页，再下拉，就会闪烁4页的数据。这个情况麻烦再看下
2022-03-22 12:06
l***@126.com (作者)
将测试的图片多复制些，弄50条左右，只要一页数据，也可以明显看到闪烁了所有图片
2022-03-22 12:14
小枫叶
回复 l***@126.com: 确实调用多次了,我这边看的打印是这样的
2022-03-22 17:26
l***@126.com (作者)
好的，谢谢。我现在是这样解决的，下拉刷新时就隐藏整个waterfall组件（仅仅只隐藏cell是不行的，还是会闪所有的图片），再增加一个提示文字“加载中...”，下拉结束后就正常使用组件。这个方案就没有闪所有的了，但在安卓机上有一定概率出现图片变形的情况，这个暂时还解决不了
2022-03-23 14:58