5.2.4 • Published 10 months ago
mota-gesture v5.2.4
此项目已归档,如果有相关需要,请使用 react-finger : https://github.com/Houfeng/react-finger
Mota Gesture
Mota Gesture 是基于 Mota 同时兼容 PC & Mobile 的事件扩展,让基于 React + Mota 的移动应用 开发变得更加便捷。
基本使用
安装所需依赖,如果已经安装了 react、react-dom、mota,可单独安装 mota-touch,
注意 Mota 版本需要是 >=4.0.0
npm install react react-dom mota mota-gesture --save
在类组件中使用
import React from 'react';
import { model } from 'mota';
import { gesture } from 'mota-gesture';
@model(YourModel)
@gesture
export class App extends React.Component {
onTap = (event)=>{
console.log('onTap', event);
};
render(){
return <div onTap={this.onTap}></div>
}
}
在函数组件中使用
import React from 'react';
import { model } from 'mota';
import { gesture } from 'mota-gesture';
const App = gesture(()=>{
const onTap = ()=>{
console.log('onTap', event);
}
return <div onTap={onTap}></div>
},{});
事件支持
Mota Gesture 支持多种常用的手势事件,并且所有事件都自动兼容 PC & Mobile
事件 | 设备 | 说明 |
---|---|---|
onTap | MOBILE & PC | 点击 |
onTapHold | MOBILE & PC | 长按 |
onDoubleTap | MOBILE & PC | 双击 |
onSwipe | MOBILE & PC | 任意滑动 |
onSwipeUp | MOBILE & PC | 向上滑动 |
onSwipeRight | MOBILE & PC | 向右滑动 |
onSwipeDown | MOBILE & PC | 向下滑动 |
onSwipeLeft | MOBILE & PC | 向左滑动 |
onPinchStart | MOBILE | 手势开始(两点) |
onPinch | MOBILE | 手势更新 |
onPinchEnd | MOBILE | 手势结束(两点) |
onPointDown | MOBILE & PC | 在按下时 |
onPointMove | MOBILE & PC | 在移动时 |
onPointUp | MOBILE & PC | 在弹起时 |
5.2.4
10 months ago
5.2.3
2 years ago
5.2.2
2 years ago
5.2.1
3 years ago
5.2.0
3 years ago
5.1.6
3 years ago
5.1.5
3 years ago
5.1.4
3 years ago
5.1.3
3 years ago
5.1.2
3 years ago
5.1.1
3 years ago
5.1.0
3 years ago
5.0.2
3 years ago
5.0.1
3 years ago
5.0.0
3 years ago
4.0.1
4 years ago
4.0.0
4 years ago
3.1.0
4 years ago
3.0.3
4 years ago
3.0.2
4 years ago
3.0.1
4 years ago
3.0.0
4 years ago
2.2.0
4 years ago
2.1.5
4 years ago
2.1.4
4 years ago
2.1.3
4 years ago
2.1.2
4 years ago
2.1.1
4 years ago
2.0.8
4 years ago
2.1.0
4 years ago
2.0.7
4 years ago
2.0.6
4 years ago