taroify
taroify copied to clipboard
pull to refresh 在真机上卡顿
我看到已经有issue,且是关闭状态。
但是在实际使用的时候,虽然是按照doc中的代码处理的,仍然是非常的卡顿,(在开发工具和电脑端微信小程序中测试的时候都不会卡)。同时有一些稀奇古怪的bug,比如如果下拉的时间非常短,就会不缩回不刷新,下拉的距离有时候很微妙,在某个距离也会触发不缩回。
有官方的小程序样例可以测试对比吗?
测试了 NutUI 的下拉刷新,顺滑很多。我觉得不一样的地方在于下拉距离的换算。下拉距离和pull to refresh 空间的下滑距离需要一个大比例的划算,比如1:2.5,在真机上很容易下拉很远,如果1:1下滑的话,整个UI需要很大的刷新帧率,可能会导致UI卡顿。
测试了 NutUI 的下拉刷新,顺滑很多。我觉得不一样的地方在于下拉距离的换算。下拉距离和pull to refresh 空间的下滑距离需要一个大比例的划算,比如1:2.5,在真机上很容易下拉很远,如果1:1下滑的话,整个UI需要很大的刷新帧率,可能会导致UI卡顿。
在计算下拉的高度时,使用了一个橡皮筋效应的效果来计算。这样就算用户的拉动距离再远,都会使得整个界面的滑动限制在高度范围。
const height = Math.max(
rubberbandIfOutOfBounds(y, 0, 0, headHeight * 5, 0.5),
0
);
我优化下