1.0.3 • Published 3 years ago

@memrearal/react-native-doubletap v1.0.3

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

react-native-doubletap

EN:

A react-native component that handles double tap and single tap events

Installation

  • npm install --save @memrearal/react-native-doubletap

Usage

import DoubleTap from "@memrearal/react-native-doubletap";
export default class App extends React.Component {
  render() {
    return (
      <View>
        <DoubleTap
          onSingleTap={() => {
            console.log("single tap!");
          }}
          onDoubleTap={() => {
            console.log("double tap!");
          }}
          delay={250}
        >
          <Button title="Single or Double Tap" />
        </DoubleClick>
      </View>
    );
  }
}

Props

PropertyTypeDefaultDescription
delaynumber250Time for delay between taps
onSingleTapfunctionnullcallback for single tap event
onDoubleTapfunctionnullcallback for double tap event

License

MIT

TR:

Double Tap ve Single Tap olaylarını işleyen bir react-native component'i

Kurulum

  • npm install --save @memrearal/react-native-doubletap

Kullanım

import DoubleTap from "@memrearal/react-native-doubletap";
export default class App extends React.Component {
  render() {
    return (
      <View>
        <DoubleTap
          onSingleTap={() => {
            console.log("single tap!");
          }}
          onDoubleTap={() => {
            console.log("double tap!");
          }}
          delay={250}
        >
          <Button title="Single or Double Tap" />
        </DoubleClick>
      </View>
    );
  }
}

Proplar

Prop AdıTipVarsayılanAçıklama
delaysayı250İki tap arası olması gereken max süre
onSingleTapfonksiyonnulltek tap sonunda işlenecek fonksiyon
onDoubleTapfonksiyonnulliki tap sonunda işlenecek fonksiyon

Lisans

MIT