All Projects → ElemeFE → react-native-smart-gesture

ElemeFE / react-native-smart-gesture

Licence: other
smart-gesture for react-native.

Programming Languages

javascript
184084 projects - #8 most used programming language

react-native-smart-gesture

This realization of smart-gesture for React Native。

添加依赖

Android默认就包含ART库,IOS需要单独添加依赖库。

操作步骤

安装

npm install -S react-native-smart-gesture

使用方法

作为独立的组件使用,也可以作为父容器来使用:

// 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);

更多示例

说明

  • android 上使用 SmartGesture , 必须把 SmartGesture 组件放在该页面的根元素内。详细
  • SmartGesture 组件默认宽度为父组件的宽度。

props

属性的说明请参考:smart-gesture

name type default
enablePath Boolean true
lineColor String #666
lineWidth Number 4
gestures Array -
onSwipe Function -
onGesture Function -

Contribution

请在提交 PR 前阅读我们的贡献指南

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].