node package manager

react-native-iconic

React Native Iconic

React Native Bridge for iOS: VBFPopFlatButton & Android: balysv/material-menu

Screenshots Screenshots

Before we dive into on how to use this library. We would like to thank all the contributor of iOS: VBFPopFlatButton & Android: balysv/material-menu for providing such a awesome nice, cool library

iOS: VBFPopFlatButton

Flat button with 21 different states and 2 types animated using pop.

Android: balysv/material-menu

Morphing Android menu, back, dismiss and check buttons

Getting started

  • $ npm install react-native-iconic --save

  • $ react-native link react-native-iconic

Usage

import RNIconic from 'react-native-iconic';
 
// TODO: What to do with the module?
<RNIconic shape={shapes} roundBackgroundColor={"#FFFFFF"} tintColor={"#fc4426"} size={100} selection={0} disable={false} lineThickness={5} />

iOS Shapes

Add, Minus, Close, Back, Forward, Menu, Download, Share, DownBasic, UpBasic, Paused, DownArrow, RightTriangle, LeftTriangle, UpTriangle, DownTriangle, Ok, Rewind, FastForward, Square

Android Shapes

BURGER, ARROW, X, CHECK

Props

Prop Type Default Note
shape array Array of shape sequence
selection int Default position of shape
tintColor string Color of the icon line
lineThickness string Thickness of icon line
size int Size of Icon
disabled bool Disabling the Icon Button
onChange func It is invoke then the value of shine button is change
rounded bool For having circle in background
roundBackgroundColor array Color of background circle

Credits

Contribution

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

Please feel free to raise PR/Request in case you want to any icon animation library to this project

License

Copyright @2017 Pranav Raj Singh Chauhan

RNIconic is provided under the MIT License.

Other Contributions

Screenshots

Screenshots Screenshots

Screenshots

Screenshots

Screenshots