Skip to content

Paraboly/react-native-bouncy-circle-button

Repository files navigation

React Native Bouncy Circle Button

Fully customizable bouncy animated circle button for React Native by Paraboly

npm version npm Platform - Android and iOS License: MIT styled with prettier

React Native Bouncy Circle Button

Installation

Add the dependency:

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

Peer Dependencies

IMPORTANT! You need install them
"react-native-androw": "=> 0.0.34",
"@freakycoder/react-native-bounceable": ">= 0.2.0"

Usage

Import

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

Fundamental Usage

<BouncyCircleButton onPress={() => {}}>
  <AnyComponent />
</BouncyCircleButton>

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

  • 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.