/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

0 vote364 views1 answer
Mock a function jest react
Javascript React
0 vote398 views1 answer
Npm react native turn by turn navigation
Javascript React
2 votes403 views2 answers
How to change react icon color
Javascript React
0 vote388 views1 answer
Ant design not working in react js
Javascript React
0 vote409 views1 answer
Switch button react value
Javascript React
7 votes403 views1 answer
React native touchableopacity disable
Javascript React
0 vote411 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React
4 votes386 views3 answers
Reactjs date format dd/mm/yyyy
Javascript React
1 vote369 views1 answer
Add class to react children
Javascript React
0 vote403 views1 answer
Ionic react exit app
Javascript React