/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 vote202 views1 answer
React native intro slider
Javascript React
0 vote187 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
0 vote197 views1 answer
Form.select react bootstrap
Javascript React
0 vote178 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
1 vote206 views1 answer
How to create round image in react native
Javascript React
0 vote212 views1 answer
Node closes once you open app react-native
Javascript React
0 vote237 views1 answer
Onclick inline function react
Javascript React
3 votes200 views1 answer
React icons in nextJS
Javascript React
9 votes194 views6 answers
React Component
Javascript React
0 vote201 views2 answers
React native elements datepicker
Javascript React