tiaanduplessis / react-native-bouncy-touchable

A bouncing touchable animated view

react-native-bouncy-touchable

A bouncing touchable animated view

Table of Contents

• react-native-bouncy-touchable
  • Table of Contents
  • Install
  • Usage
  • Props
  • Credits
  • Contribute
  • License

Install

This project uses node and npm.

$ npm install react-native-bouncy-touchable
$ # OR
$ yarn add react-native-bouncy-touchable

Usage

export default class Button extends Component {

    render () {
      return (
            <BouncyView 
                delay={60} // Animation delay in miliseconds
                scale={1.1} // Max scale of animation
                style={styles.button} 
                onPress={this.props.onPress}
            >
              <Text style={styles.buttonText}>
                {this.props.children}
              </Text>
            </BouncyView>
      )
    }
  }

Props

Property	Type	Description	Default Value
onPress	function	Function called when user taps the view area	noop
scale	number	Max scale of animation	1.1
delay	float	Animation delay in miliseconds	40
moveSlop	number	Slop area for press	15
style	object	Custom style for the component	{}

Credits

Heavily based on react-native-bounceable

Contribute

1. Fork it and create your feature branch: git checkout -b my-new-feature
2. Commit your changes: git commit -am "Add some feature"
3. Push to the branch: git push origin my-new-feature
4. Submit a pull request

License

MIT

react-native-bouncy-touchable's Issues

Document component props in README

https://github.com/tiaanduplessis/react-native-bouncy-touchable/blob/master/index.js#L16

Use native Driver Warning

you can solve it just by adding useNativeDriver: true the animation config

Replace ComponentWillMount

The ComponentWillMount lifeCycle method will work until version 17.
It is unsafe to use right now, so you should replace it if you can. 👍

Where do you import it ?

Hi, we can't see in your documentation where we suppose to import the BouncyView