/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 vote240 views1 answer
Radio button in react native expo
Javascript React
0 vote233 views1 answer
Owl carousel for react
Javascript React
3 votes218 views3 answers
React portals
Javascript React
0 vote243 views1 answer
Standalone form inside reactive form
Javascript React
1 vote239 views2 answers
Yarn react native cli
Javascript React
1 vote260 views1 answer
Get value of input element on button click react
Javascript React
0 vote199 views1 answer
How to define cardTitle background image in mdl in reactjs
Javascript React
0 vote280 views1 answer
How to made disktop program on react website
Javascript React
1 vote231 views1 answer
Inline z-index react
Javascript React
0 vote274 views1 answer
ScrollspyNav react
Javascript React