/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 vote237 views1 answer
React download file from express res.download
Javascript React
0 vote257 views1 answer
React clear input after button click
Javascript React
1 vote241 views1 answer
React native modal not full screen
Javascript React
0 vote269 views1 answer
Get height webview from url video react native
Javascript React
0 vote274 views1 answer
React router dom v6 active link
Javascript React
0 vote244 views2 answers
Subdomain react app
Javascript React
2 votes231 views1 answer
React onclick type
Javascript React
0 vote269 views1 answer
Create react expo
Javascript React
22 votes256 views4 answers
Copy text to clipboard reactjs
Javascript React
2 votes263 views2 answers
React native text get number of lines
Javascript React