0.1.5 • Published 2 years ago
@ray-js/gesture v0.1.5
English | 简体中文
@ray-js/gesture
Tuya Ray 手势库
Installation
$ npm install @ray-js/gesture
# or
$ yarn add @ray-js/gesture
Usage
Class Component
import React from 'react';
import { View, Text } from '@ray-js/components';
import Gesture from '@ray-js/gesture';
export default () => (
<Gesture
onTap={event => {
console.log('onTap', event);
}}
>
<View />
</Gesture>
);
useGesture
import React from 'react';
import { View, Text } from '@ray-js/components';
import { useGesture } from '@ray-js/gesture';
export default () => {
const gesture = useGesture({
onTap: event => {
console.log('onTap', event);
},
});
<View {...gesture} />;
};
useRect
import React from 'react';
import { View, Text } from '@ray-js/components';
import useRect from '@ray-js/gesture';
export default props => {
const [id, ref, rect] = useRect();
console.log(rect.width, rect.height); // 150 150
return <View ref={ref} id={id} style={{ width: '150px', height: '150px' }} />;
};
References
0.1.5
2 years ago
0.1.4
2 years ago
0.1.3
2 years ago
0.1.2-beta-1
2 years ago
0.1.2
2 years ago
0.1.0-beta-1
2 years ago
0.1.0
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2-beta-9308e13d
2 years ago
0.0.1-beta-9308e13d
2 years ago
0.0.1-beta-681925ab
2 years ago