Skip to content

longseespace/react-native-hammerjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hammer Native

Hammer.JS for React Native. HammerJS is a javascript library for multi-touch gestures.

Build Status npm hammer.js

Installation

npm install --save react-native-hammerjs

Usage

import { Hammer, injectHammer } from 'react-native-hammerjs';

class YourComponent extends React.Component {
  componentDidMount() {
    const mc = this.props.hammer;
    mc.add( new Hammer.Pan({ direction: Hammer.DIRECTION_ALL, threshold: 0 }) );

    mc.on('pan', e => {
      console.log('pan', e);
    });
  }

  render() {
    const connectEventHandlers = this.props.connectEventHandlers;
    return connectEventHandlers(
      <View>
        <Content />
      </View>
    );
  }
}

export default injectHammer(YourComponent);

For more examples, check out examples folder

This module exposes:

  1. Hammer: Hammer class as in HammerJS
  2. injectHammer: A function that creates a Higher Order Component that wraps YourComponent and injects 2 props:
  • hammer: a Hammer.Manager object.
  • connectEventHandlers: a function connects native gesture responders with Hammer.Manager object.

Contributing

PRs are welcome!

About

A port of HammerJS for React Native. HammerJS is a javascript library for multi-touch gestures.

Resources

License

Stars

Watchers

Forks

Packages

No packages published