https://github.com/paraboly/react-native-bouncy-circle-button

Fully customizable bouncy animated circle button for React Native by Paraboly
https://github.com/paraboly/react-native-bouncy-circle-button

Last synced: 3 months ago
JSON representation

Fully customizable bouncy animated circle button for React Native by Paraboly

• Host: GitHub
• URL: https://github.com/paraboly/react-native-bouncy-circle-button
• Owner: Paraboly
• Created: 2020-10-12T12:02:47.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-10-14T07:48:16.000Z (over 5 years ago)
• Last Synced: 2025-03-21T21:11:50.037Z (about 1 year ago)
• Language: Java
• Homepage: https:/paraboly.com
• Size: 1.35 MB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


[![Fully customizable bouncy animated circle button for React Native by Paraboly](https://img.shields.io/badge/-Fully%20customizable%20bouncy%20animated%20circle%20button%20for%20React%20Native%20by%20Paraboly-orange?style=for-the-badge)](https://github.com/Paraboly/react-native-bouncy-circle-button)

[![npm version](https://img.shields.io/npm/v/@paraboly/react-native-bouncy-circle-button.svg?style=for-the-badge)](https://www.npmjs.com/package/@paraboly/react-native-bouncy-circle-button)

[![npm](https://img.shields.io/npm/dt/@paraboly/react-native-bouncy-circle-button.svg?style=for-the-badge)](https://www.npmjs.com/package/@paraboly/react-native-bouncy-circle-button)

![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)

[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)



  



# Installation

Add the dependency:

```bash

npm i @paraboly/react-native-bouncy-circle-button

```

## Peer Dependencies

IMPORTANT! You need install them


```js

"react-native-androw": "=> 0.0.34",

"@freakycoder/react-native-bounceable": ">= 0.2.0"

```

# Usage

## Import

```jsx

import BouncyCircleButton from "@paraboly/react-native-bouncy-circle-button";

```

## Fundamental Usage

```jsx

 {}}>

  

```

# Configuration - Props

| Property        |   Type    |  Default  | Description                                            |

| --------------- | :-------: | :-------: | ------------------------------------------------------ |

| onPress         | function  | undefined | set your onPress functionality                         |

| children        | component | undefined | set the inside BouncyCircleButton's children component |

| size            |  number   |    50     | change the size of the button                          |

| backgroundColor |   color   |   #fff    | change the background of the button                    |

| shadowStyle     |   style   |  default  | change the shadow style of the button                  |

## Future Plans

- [x] ~~LICENSE~~

## Author

FreakyCoder, kurayogun@gmail.com

## License

React Native Bouncy Circle Button is available under the MIT license. See the LICENSE file for more info.