Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    react-native-iconicpublic

    PRs Welcome

    React Native Iconic

    React Native Bridge for below native libraries:

    iOS: VBFPopFlatButton
    Flat button with 21 different states and 2 types animated using pop.
    Android: Android: balysv/material-menu

    Morphing Android menu, back, dismiss and check buttons

    Android: Android: zagum/Android-ExpandIcon

    Getting started

    $ npm install react-native-iconic --save

    $ react-native link react-native-iconic

    • Android

    Please add below snippet into your app build.gradle:

    allprojects {
        repositories {
            maven { url 'https://jitpack.io' }
        }
    }
    • iOS

    $ cd ./node_modules/react-native-iconic/ios/ && pod install

    Usage

    import RNIconic from 'react-native-iconic';
     
    // TODO: What to do with the module?
    <RNIconic shape={shapes} tintColor={"#FFFFFF"} color={"#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
    • DownBasic, UpBasic

    Props

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

    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 @ Pranav Raj Singh Chauhan

    RNIconic is provided under the Apache 2.0 License.

    Keywords

    install

    npm i react-native-iconic

    Downloadsweekly downloads

    10

    version

    0.0.4

    license

    MIT

    repository

    githubgithub

    last publish

    collaborators

    • avatar