/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

1 vote189 views1 answer
Textinput onpress react native
Javascript React
-1 vote199 views1 answer
How to load the images from the website dynamically in react
Javascript React
16 votes132 views1 answer
How to insern an image in react
Javascript React
0 vote233 views1 answer
Preventdefault not working react
Javascript React
1 vote184 views1 answer
Input type number react native
Javascript React
0 vote258 views1 answer
Scroll down react js typescript
Javascript React
3 votes179 views1 answer
Include gif in react
Javascript React
1 vote191 views1 answer
How to update version of dependencies reactjs
Javascript React
2 votes177 views1 answer
React native socket io
Javascript React
5 votes195 views3 answers
Get url react
Javascript React