2.0.5 • Published 4 years ago

mota-touch v2.0.5

Weekly downloads
1
License
MIT
Repository
-
Last release
4 years ago

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

事件设备说明
onTapMOBILE & PC点击
onTapHoldMOBILE & PC长按
onDoubleTapMOBILE & PC双击
onSwipeMOBILE & PC任意滑动
onSwipeUpMOBILE & PC向上滑动
onSwipeRightMOBILE & PC向右滑动
onSwipeDownMOBILE & PC向下滑动
onSwipeLeftMOBILE & PC向左滑动
onPinchStartMOBILE手势开始(两点)
onPinchMOBILE手势更新
onPinchEndMOBILE手势结束(两点)
onPointDownMOBILE & PC在按下时
onPointMoveMOBILE & PC在移动时
onPointUpMOBILE & PC在弹起时
2.0.5

4 years ago

2.0.4

4 years ago

2.0.3

4 years ago

2.0.2

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago

1.5.6

4 years ago

1.5.5

4 years ago

1.5.4

4 years ago

1.5.3

4 years ago

1.5.2

4 years ago

1.5.1

4 years ago

1.5.0

4 years ago

1.4.9

4 years ago

1.4.6

4 years ago

1.4.8

4 years ago

1.4.7

4 years ago

1.4.5

4 years ago

1.4.4

4 years ago

1.4.3

4 years ago

1.4.2

4 years ago

1.4.1

4 years ago

1.4.0

4 years ago

1.3.7

4 years ago

1.3.9

4 years ago

1.3.8

4 years ago

1.3.6

4 years ago

1.3.5

4 years ago

1.3.4

4 years ago

1.3.3

4 years ago

1.2.4

4 years ago

1.3.2

4 years ago

1.3.1

4 years ago

1.3.0

4 years ago

1.2.3

4 years ago

1.2.0

4 years ago

1.2.2

4 years ago

1.2.1

4 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago