/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 vote210 views1 answer
React native bottom bar curved
Javascript React
0 vote223 views1 answer
How to detect an element is been hovered in react
Javascript React
0 vote197 views1 answer
React-datepicker
Javascript React
-1 vote237 views1 answer
How to remove react icon from tab
Javascript React
7 votes213 views4 answers
React native textinput disable keyboard
Javascript React
113 votes255 views6 answers
React app
Javascript React
1 vote223 views1 answer
Textfield label language react
Javascript React
0 vote240 views1 answer
Rotas react com axios
Javascript React
14 votes202 views2 answers
Border react native
Javascript React
2 votes203 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React