# react-native-smart-gesture

**Repository Path**: mirrors_ElemeFE/react-native-smart-gesture

## Basic Information

- **Project Name**: react-native-smart-gesture
- **Description**: smart-gesture for react-native. 
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-03-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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 (
      <View>
        <SmartGesture onGesture={this._onGesture.bind(this)} />
        <Text>{JSON.stringify(this.state.result)}</Text>
      </View>
    );
  }
}

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