Socket
Socket
Sign inDemoInstall

react-native-gesture-helper

Package Overview
Dependencies
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-gesture-helper - npm Package Compare versions

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
}

2

package.json
{
"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 });

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc