Comments (3)
Hi @Nalyvaiko, when swiping, if you have any vertical movement, onSwipeDown
or onSwipeUp
will be called. Likewise, any horizontal movement will call onSwipeRight
or onSwipeLeft
. A vertical and horizontal movement at the same time would call onSwipeDown
and onSwipeLeft
together, for instance.
It's up to you to disable one or another if you need. You can do that by cancelling the handler through some calculations on your onSwipeMove
handler.
Something like the code below would solve your problem:
onSwipeMove = (delta) => {
this.isHorizontal = delta.x > delta.y;
}
onSwipeLeft = () => {
if (!this.isHorizontal) {
return;
}
// your handler to swipe left
}
onSwipeDown = () => {
if (this.isHorizontal) {
return;
}
// your handler to swipe down
}
from react-easy-swipe.
Closing due to inactivity. Feel free to reopen if you need.
from react-easy-swipe.
I ran across this issue while using this package (thanks!) and I wanted to share that I think the above code should modified to handle both left and right horizontal movements:
onSwipeMove = (delta) => {
this.isHorizontal = Math.abs(delta.x) > Math.abs(delta.y);
}
from react-easy-swipe.
Related Issues (20)
- Documentation has an error... HOT 1
- Swipe Top triggered when swiping right HOT 5
- Refs HOT 1
- Custom components for Swipe container HOT 2
- .
- Requst no NPM update HOT 1
- Fix StrictMode warning HOT 1
- [NOT ISSUE] Bad Link for "Fork me on github" banner HOT 1
- react-easy-swipe typescript declaration file
- Issue with Preact HOT 2
- Error "Ignored attempt to cancel a touchmove event" HOT 1
- Feature request: add disabled prop HOT 1
- Component doesn't swipe when wrapped with <Swipe> HOT 2
- Set default capture: false HOT 1
- is there a way to disabled touchEvt on some element HOT 2
- Warning for list item keys by nextjs/reactjs apps HOT 1
- Allow scroll under swipe HOT 1
- Missing license file
- Support react 18 HOT 1
- Broken link to incorrect GitHub repository on demo page HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-easy-swipe.