react-native-gesture-helper
Advanced tools
Comparing version 1.1.0 to 1.2.0
17
index.js
@@ -8,2 +8,6 @@ 'use strict'; | ||
SWIPE_RIGHT: 'SWIPE_RIGHT', | ||
PAN_UP: 'PAN_UP', | ||
PAN_DOWN: 'PAN_DOWN', | ||
PAN_LEFT: 'PAN_LEFT', | ||
PAN_RIGHT: 'PAN_RIGHT', | ||
TAP: 'TAP' | ||
@@ -13,3 +17,3 @@ }; | ||
function _isValidSwipe(velocity, velocityThreshold, directionalOffset, directionalOffsetThreshold) { | ||
return Math.abs(velocity) > 0 && Math.abs(directionalOffset) < directionalOffsetThreshold; | ||
return Math.abs(velocity) > velocityThreshold && Math.abs(directionalOffset) < directionalOffsetThreshold; | ||
} | ||
@@ -32,3 +36,3 @@ | ||
module.exports = function(gestureState, velocityThreshold = 0.2, directionalOffsetThreshold = 80) { | ||
const {SWIPE_LEFT, SWIPE_RIGHT, SWIPE_UP, SWIPE_DOWN, TAP} = swipeDirections; | ||
const {SWIPE_LEFT, SWIPE_RIGHT, SWIPE_UP, SWIPE_DOWN, PAN_LEFT, PAN_RIGHT, PAN_UP, PAN_DOWN, TAP} = swipeDirections; | ||
if(_gestureIsTap(gestureState)) return TAP; | ||
@@ -45,3 +49,10 @@ const {dx, dy} = gestureState; | ||
} | ||
return null; | ||
if(Math.abs(dx) > Math.abs(dy)) { | ||
return (dx > 0) | ||
? PAN_RIGHT | ||
: PAN_LEFT | ||
} | ||
return (dy > 0) | ||
? PAN_DOWN | ||
: PAN_UP | ||
} |
{ | ||
"name": "react-native-gesture-helper", | ||
"version": "1.1.0", | ||
"version": "1.2.0", | ||
"description": "A gesture helper for React Native", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -15,3 +15,10 @@ [![Build Status](https://travis-ci.org/axelphunter/react-native-gesture-helper.svg?branch=master)](https://travis-ci.org/axelphunter/react-native-gesture-helper) | ||
## Usage | ||
The library takes three parameters: | ||
gestureState: PropTypes.object.required | ||
velocityThreshold: PropTypes.number | ||
directionalOffsetThreshold: PropTypes.number | ||
Depending on the velocityThreshold and directionalOffsetThreshold the library will return wether or not the gestures is a swipe or a pan. | ||
```javascript | ||
@@ -43,2 +50,6 @@ import React, {Component} from 'react'; | ||
* SWIPE_RIGHT | ||
* PAN_UP | ||
* PAN_DOWN | ||
* PAN_LEFT | ||
* PAN_RIGHT | ||
* TAP | ||
@@ -45,0 +56,0 @@ |
@@ -23,2 +23,18 @@ 'use strict'; | ||
}); | ||
it('should convert return PAN_LEFT', function() { | ||
var result = getGestureType({ "dx":-10, "dy":0, "vx":-0.2, "vy":0 }); | ||
expect(result).to.equal('PAN_LEFT'); | ||
}); | ||
it('should convert return PAN_UP', function() { | ||
var result = getGestureType({ "dx":0, "dy":-10, "vx":0, "vy":-0.2 }); | ||
expect(result).to.equal('PAN_UP'); | ||
}); | ||
it('should convert return PAN_RIGHT', function() { | ||
var result = getGestureType({ "dx":10, "dy":0, "vx":0.2, "vy":0 }); | ||
expect(result).to.equal('PAN_RIGHT'); | ||
}); | ||
it('should convert return PAN_DOWN', function() { | ||
var result = getGestureType({ "dx":0, "dy":10, "vx":0, "vy":0.2 }); | ||
expect(result).to.equal('PAN_DOWN'); | ||
}); | ||
it('should convert return TAP', function() { | ||
@@ -25,0 +41,0 @@ var result = getGestureType({ "dx":0, "dy":0, "vx":0, "vy":0 }); |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
54773
507
62