/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 vote134 views2 answers
Can i pass data with usenavigate react router
Javascript React
0 vote114 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
1 vote120 views1 answer
Change react native app name
Javascript React
0 vote113 views1 answer
React check if localhost
Javascript React
1 vote138 views2 answers
Expo create react native app
Javascript React
0 vote184 views1 answer
Reactstrap form post
Javascript React
0 vote145 views1 answer
React electron desktop app
Javascript React
3 votes133 views2 answers
Use font awsome in react
Javascript React
23 votes115 views3 answers
Copy text to clipboard javascript react
Javascript React
-1 vote106 views1 answer
How to create scroll to top button in reactjs example code
Javascript React