/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 vote309 views2 answers
React query stop refetch when i switch browser tabs (globally)
Javascript React
0 vote273 views1 answer
Import pdfmake in react
Javascript React
1 vote336 views3 answers
Click outside React component
Javascript React
1 vote336 views1 answer
Dynamic forms in react
Javascript React
3 votes299 views1 answer
Remove header from certain pages react navigation
Javascript React
0 vote324 views1 answer
React build size
Javascript React
2 votes328 views2 answers
React native scrollview map
Javascript React
1 vote348 views1 answer
React native textinput not show cursor
Javascript React
0 vote296 views1 answer
Firebase timestamp to date react
Javascript React
0 vote332 views1 answer
Testing a function in jest on click react
Javascript React