/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 vote133 views1 answer
How to show content-type:image/jpg in react
Javascript React
1 vote131 views1 answer
React native header
Javascript React
0 vote156 views1 answer
Render eror cant find variable: react
Javascript React
0 vote139 views1 answer
React native update state object inside object
Javascript React
0 vote128 views1 answer
Retore react app
Javascript React
0 vote123 views1 answer
Como hacer un onpress en react native expo
Javascript React
0 vote139 views1 answer
React component visibility
Javascript React
0 vote130 views1 answer
React native andri]oid ReferenceError: Can't find variable: Intl
Javascript React
2 votes144 views1 answer
Npm install --save react-native-vector-icon
Javascript React
-1 vote119 views1 answer
How to create scroll to top button in reactjs example code
Javascript React