/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 vote178 views1 answer
Import pdfmake in react
Javascript React
0 vote226 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
0 vote253 views1 answer
React throttle render
Javascript React
0 vote219 views1 answer
Connect react native app to local api macos
Javascript React
2 votes224 views1 answer
Npm install --save react-native-vector-icon
Javascript React
7 votes237 views2 answers
Align text into center of container react native
Javascript React
8 votes230 views3 answers
Shadown reAct native
Javascript React
0 vote221 views1 answer
Installation de react native maps bibliothèque
Javascript React
0 vote228 views1 answer
Evaluating '_reactNativeImageCropPicker.default.openCamera
Javascript React
3 votes190 views2 answers
React api call
Javascript React