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>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 在做React Native項目時,需要對按鈕多次點擊問題進行處理。雖然是一個小功能,本著不重復造輪子的精神,就從...
    Lainn閱讀 5,594評論 3 9
  • 眾所周知,目前RN的反應速度距離原生還是差一點點,再加上本人單身25年的手速那更是比平常人快了不是一點半點,所以經...
    沐風雨木閱讀 3,951評論 1 1
  • 由于目前fb官方封裝的很多組件不能滿足開發需求,比如Touchable系列的點擊組件都沒有考慮到重復點擊的問題,假...
    冷洪林閱讀 1,955評論 0 3
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,292評論 25 708
  • 我們到底要錯過多少 做錯多少 才會明白 誰輕誰重 孰是孰非 誰說一個人的生死 只是一場無關緊要的玩笑 究竟不留情面...
    一半師兄閱讀 231評論 0 0