React Native防止快速重复点击

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/sinat_17775997/article/details/78853879

建立CallOnceInInterval.js

let isCalled = false, timer;

/**
 * @param functionTobeCalled 被包装的方法
 * @param interval 时间间隔,可省略,默认600毫秒
 */
export default callOnceInInterval = (functionTobeCalled, interval = 600) => {
    if (!isCalled) {
        isCalled = true;
        clearTimeout(timer);
        timer = setTimeout(() => {
            isCalled = false;
        }, interval);
        return functionTobeCalled();
    }
};

使用前
//...
onPress={activityId => navigate('ActivityDetail', {'id': activityId})}
//...

使用后

import callOnceInInterval from '你的路径/CallOnceInterval';

//...
onPress={activityId => callOnceInInterval(() => navigate('ActivityDetail', {'id': activityId}))}
//..



展开阅读全文

没有更多推荐了,返回首页