/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 vote188 views1 answer
Simbu react1
Javascript React
0 vote206 views2 answers
React hook will mount
Javascript React
0 vote211 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote203 views3 answers
How to get svg from pucblic folder in react
Javascript React
3 votes188 views2 answers
React usestate functional update
Javascript React
0 vote207 views1 answer
Change navigation animation react native
Javascript React
0 vote191 views1 answer
React 5 to 10 rating
Javascript React
2 votes190 views2 answers
How to send form data from react to express
Javascript React
0 vote303 views1 answer
React version on CMD
Javascript React
0 vote206 views1 answer
How to remove an object from array in react native
Javascript React