node package manager

react-native-shine-button

React Native: Shine Button (Android/iOS)

React Native Bridge for ChadCSong/ShineButton & imwcl/WCLShineButton. Effects like shining.

Before we dive into on how to use this library. We would like to thank all the contributor of ChadCSong/ShineButton & imwcl/WCLShineButton for providing such a awesome nice, cool library

Getting started

  • $ npm install react-native-shine-button --save

  • $ react-native link react-native-shine-button

iOS

  • Add WCLShineButton.framework in Embedded Binaries & Linked Frameworks and Libraries. You can find this library from below path:

node_modules/react-native-shine-button/ios/WCLShineButton/WCLShineButton.xcodeproj

Usage

import RNShineButton from 'react-native-shine-button';
 
<RNShineButton shape={"heart"} color={"#808080"} fillColor={"#ff0000"} size={50} />
 

Props

Prop Type Default Note
shape JSON The type of Shine Button you want. It's props are heart, like, star, smile
color JSON Color which you want then the Shine Button is not active
fillColor Function Fill Color then the Shine Button is clicked
size Function Size of Shine Button
disabled bool Disabling the Shine Button
value bool Default value whether it is selected or not
onChange func It is invoke then the value of shine button is change

Credit

Contribution

Contributions are welcome and are greatly appreciated! Every little bit helps, and credit will always be given.

License

Copyright @2017 Pranav Raj Singh Chauhan

RNShineButton is provided under the MIT License.

Other Contributions

Screenshots

Screenshots Screenshots

Screenshots

Screenshots

Screenshots