/Javascript/React/Prevent double tap in react native

Prevent double tap in react native

import debounce from 'lodash.debounce'; // 4.0.8

const withPreventDoubleClick = (WrappedComponent) => {

  class PreventDoubleClick extends React.PureComponent {

    debouncedOnPress = () => {
      this.props.onPress && this.props.onPress();
    }

    onPress = debounce(this.debouncedOnPress, 300, { leading: true, trailing: false });

    render() {
      return <WrappedComponent {...this.props} onPress={this.onPress} />;
    }
  }

  PreventDoubleClick.displayName = `withPreventDoubleClick(${WrappedComponent.displayName ||WrappedComponent.name})`
  return PreventDoubleClick;
}

Source: stackoverflow.com

Similar codes

7 votes207 views2 answers
React native rename
Javascript React
0 vote212 views1 answer
Application/ld+json react
Javascript React
0 vote309 views1 answer
React hook form reset only one field
Javascript React
0 vote200 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
0 vote196 views1 answer
React download file from express res.download
Javascript React
0 vote290 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
-1 vote206 views1 answer
React localstorage remove item
Javascript React
0 vote213 views1 answer
Publish reactjs package to gitlab repository
Javascript React
7 votes227 views6 answers
Shadow generator react native
Javascript React
7 votes222 views3 answers
How to update react state array
Javascript React