/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 vote179 views1 answer
No known class method for selector 'setScreenName:screenClass: react native
Javascript React
0 vote236 views1 answer
Button with icon react native ui
Javascript React
5 votes195 views4 answers
Export default react
Javascript React
0 vote181 views1 answer
React infinte scroll
Javascript React
1 vote178 views1 answer
Spread operator react array
Javascript React
1 vote192 views1 answer
How to execute function without using onclick on react code example
Javascript React
1 vote255 views3 answers
How to decode jwt token in react
Javascript React
0 vote183 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote182 views1 answer
Loading react circular progress
Javascript React
0 vote209 views1 answer
React-map-multidimensional-array
Javascript React