react-native 防止重复点击

工具类:

NoDoublePress.js

var NoDoublePress = {
    lastPressTime: 1,
    onPress(callback){
        let curTime = new Date().getTime();
        if (curTime - this.lastPressTime > 1000) {
            this.lastPressTime = curTime;
            callback();
        }
    },
};
module.exports = NoDoublePress;

使用方法:

                        <MyButton
                            onPress={() => {
                                NoDoublePress.onPress(() => {
                                    this.onPressLogin();
                                });
                            }}
                        >
                            <Text> 登 录 </Text>
                        </MyButton>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在做React Native项目时,需要对按钮多次点击问题进行处理。虽然是一个小功能,本着不重复造轮子的精神,就从...
    Lainn阅读 5,692评论 3 9
  • 众所周知,目前RN的反应速度距离原生还是差一点点,再加上本人单身25年的手速那更是比平常人快了不是一点半点,所以经...
    沐风雨木阅读 4,006评论 1 1
  • 由于目前fb官方封装的很多组件不能满足开发需求,比如Touchable系列的点击组件都没有考虑到重复点击的问题,假...
    冷洪林阅读 2,004评论 0 3
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,171评论 25 708
  • 我们到底要错过多少 做错多少 才会明白 谁轻谁重 孰是孰非 谁说一个人的生死 只是一场无关紧要的玩笑 究竟不留情面...
    一半师兄阅读 271评论 0 0

友情链接更多精彩内容