2.0.5 • Published 6 years ago
mota-touch v2.0.5
Mota Touch
Mota Touch 是基于 Mota 同时兼容 PC & Mobile 的事件扩展,让基于 React + Mota 的移动应用 开发变得更加便捷。
基本使用
安装所需依赖,如果已经安装了 react、react-dom、mota,可单独安装 mota-touch,
注意 Mota 版本需要是 >=4.0.0
npm install react react-dom mota mota-touch --save在类组件中使用
import React from 'react';
import { model } from 'mota';
import { touch } from 'mota-touch';
@model(YourModel)
@touch
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 { touch } from 'mota-touch';
const App = touch(()=>{
const onTap = ()=>{
console.log('onTap', event);
}
return <div onTap={onTap}></div>
},{});事件支持
Mota Touch 支持多种常用的手势事件,并且所有事件都自动兼容 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 | 在弹起时 |
2.0.5
6 years ago
2.0.4
6 years ago
2.0.3
6 years ago
2.0.2
6 years ago
2.0.1
6 years ago
2.0.0
6 years ago
1.5.6
6 years ago
1.5.5
6 years ago
1.5.4
6 years ago
1.5.3
6 years ago
1.5.2
6 years ago
1.5.1
6 years ago
1.5.0
6 years ago
1.4.9
6 years ago
1.4.6
6 years ago
1.4.8
6 years ago
1.4.7
6 years ago
1.4.5
6 years ago
1.4.4
6 years ago
1.4.3
6 years ago
1.4.2
6 years ago
1.4.1
6 years ago
1.4.0
6 years ago
1.3.7
6 years ago
1.3.9
6 years ago
1.3.8
6 years ago
1.3.6
6 years ago
1.3.5
6 years ago
1.3.4
6 years ago
1.3.3
6 years ago
1.2.4
6 years ago
1.3.2
6 years ago
1.3.1
6 years ago
1.3.0
6 years ago
1.2.3
6 years ago
1.2.0
6 years ago
1.2.2
6 years ago
1.2.1
6 years ago
1.1.2
6 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.4
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago