ant-design-mobile ListView 下拉刷新与列表长按事件冲突解决方式
发布日期:2021-05-20 10:07:05 浏览次数:44 分类:技术文章

本文共 500 字,大约阅读时间需要 1 分钟。

1、 在使用ListView列表实现下拉刷新的同时,需要满足长按列表Item进入长按功能页面,

这时候就会遇到下拉刷新会进入到长按列表的可能。
2、一开始我一直在考虑如何去区分这两种动作,但一直未果。
先看我的实现代码
注册这四种事件

touchStart = () => {
const {
touchStartEvent } = this.props; this.pressTime = setTimeout(() => {
touchStartEvent(); }, '500'); }; touchMove = () => {
clearTimeout(this.pressTime); }; touchCancel = () => {
}; // 长按事件 handleTouchEnd = () => {
clearTimeout(this.pressTime); };

我发现下拉刷新在滑动的时候也是会触发到长按的定时器,所以要解决的方式就是在移动的时候也去清除长按的定时器事件,即可。

在这里插入图片描述

转载地址:https://blog.csdn.net/weixin_45416217/article/details/114375621 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:ant-design-mobile实现ListView拉动刷新显示上次更新时间
下一篇:ant-design RangePicker时间选择框默认值设置处理

发表评论

最新留言

不错!
[***.144.177.141]2024年04月03日 07时21分40秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章