React Native防止快速重复点击

来源:互联网 发布:div调用js变量 编辑:程序博客网 时间:2024/05/17 00:01

建立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}))}//..


原创粉丝点击