https://github.com/tiaanduplessis/react-native-bouncy-touchable

A bouncing touchable animated view
https://github.com/tiaanduplessis/react-native-bouncy-touchable

animation bounce bouncing react react-native

Last synced: about 1 year ago
JSON representation

A bouncing touchable animated view

• Host: GitHub
• URL: https://github.com/tiaanduplessis/react-native-bouncy-touchable
• Owner: tiaanduplessis
• Created: 2018-11-27T20:28:07.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-07-11T21:24:54.000Z (almost 3 years ago)
• Last Synced: 2025-04-19T07:21:57.759Z (about 1 year ago)
• Topics: animation, bounce, bouncing, react, react-native
• Language: JavaScript
• Size: 515 KB
• Stars: 12
• Watchers: 1
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  



# react-native-bouncy-touchable

[![package version](https://img.shields.io/npm/v/react-native-bouncy-touchable.svg?style=flat-square)](https://npmjs.org/package/react-native-bouncy-touchable)

[![package downloads](https://img.shields.io/npm/dm/react-native-bouncy-touchable.svg?style=flat-square)](https://npmjs.org/package/react-native-bouncy-touchable)

[![standard-readme compliant](https://img.shields.io/badge/readme%20style-standard-brightgreen.svg?style=flat-square)](https://github.com/RichardLitt/standard-readme)

[![package license](https://img.shields.io/npm/l/react-native-bouncy-touchable.svg?style=flat-square)](https://npmjs.org/package/react-native-bouncy-touchable)

[![make a pull request](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

> A bouncing touchable animated view

## Table of Contents

- [react-native-bouncy-touchable](#react-native-bouncy-touchable)

  - [Table of Contents](#table-of-contents)

  - [Install](#install)

  - [Usage](#usage)

  - [Props](#props)

  - [Credits](#credits)

  - [Contribute](#contribute)

  - [License](#license)

## Install

This project uses [node](https://nodejs.org) and [npm](https://www.npmjs.com). 

```sh

$ npm install react-native-bouncy-touchable

$ # OR

$ yarn add react-native-bouncy-touchable

```

## Usage

```js

export default class Button extends Component {

    render () {

      return (

            

              

                {this.props.children}

              

            

      )

    }

  }

```

## 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](https://github.com/slavik0329/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