smart-gesture for react-native.
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.github
doc
example add example Nov 1, 2016
lib
.gitignore
README.md
index.js
package.json

README.md

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