https://github.com/elemefe/react-native-smart-gesture
smart-gesture for react-native.
https://github.com/elemefe/react-native-smart-gesture
Last synced: about 1 year ago
JSON representation
smart-gesture for react-native.
- Host: GitHub
- URL: https://github.com/elemefe/react-native-smart-gesture
- Owner: ElemeFE
- Created: 2016-10-29T10:11:43.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-11-01T11:15:56.000Z (over 9 years ago)
- Last Synced: 2025-06-09T02:29:11.130Z (about 1 year ago)
- Language: JavaScript
- Size: 323 KB
- Stars: 24
- Watchers: 8
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING_en-us.md
Awesome Lists containing this project
README
# react-native-smart-gesture
This realization of [smart-gesture](https://github.com/ElemeFE/smart-gesture) for React Native。
## 添加依赖
> Android默认就包含ART库，IOS需要单独添加依赖库。
[操作步骤](./doc/dependency.md)
## 安装
```bash
npm install -S react-native-smart-gesture
```
## 使用方法
作为独立的组件使用，也可以作为父容器来使用：
```jsx
// index.ios.js
import React from 'react';
import { AppRegistry, View, Text } from 'react-native';
import SmartGesture from 'react-native-smart-gesture';
class App extends React.Component {
constructor() {
super();
this.state = {
result: null,
};
}
_onGesture(result) {
this.setState({ result });
}
render() {
return (
{JSON.stringify(this.state.result)}
);
}
}
AppRegistry.registerComponent('AwesomeProject', () => App);
```
[更多示例](./example)
## 说明
- android 上使用 `SmartGesture` , 必须把 `SmartGesture` 组件放在该页面的根元素内。[详细](./doc/android.md)。
- `SmartGesture` 组件默认宽度为父组件的宽度。
## props
属性的说明请参考：[smart-gesture](https://github.com/ElemeFE/smart-gesture#configuration)
name | type | default
-----------|----------|----
enablePath | Boolean | true
lineColor | String | #666
lineWidth | Number | 4
gestures | Array | -
onSwipe | Function | -
onGesture | Function | -
## Contribution
请在提交 PR 前阅读我们的[贡献指南](./.github/CONTRIBUTING_zh-cn.md)
## License
MIT