/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 vote145 views2 answers
Datepicker range npm reactjs
Javascript React
1 vote155 views1 answer
How to paste in android emulator react nativ etext input
Javascript React
1 vote160 views1 answer
Scale text in div react
Javascript React
6 votes140 views1 answer
Remove yellow warning react native emulator
Javascript React
0 vote149 views1 answer
Making a react js website project ready for hosting
Javascript React
0 vote145 views1 answer
Async wait for axios reactjs
Javascript React
0 vote149 views2 answers
How to add fcc cdn to local react projcet
Javascript React
0 vote148 views1 answer
How to run and clone react app
Javascript React
0 vote158 views4 answers
How to pass data between routes in react
Javascript React
0 vote144 views1 answer
How to check if we reach end of div react hooks
Javascript React