Narcissistic Passion Minified

    react-native-progress-bar-classic

    1.2.1 • Public • Published

    react-native-progress-bar-classic

    Simple animated progress bar for React Native

    npmnpm

    NPM

    Demo

    Demo

    Installation

    in Cli

    npm i react-native-progress-bar-classic
    

    Usage

    Simple

    import ProgressBarClassic from 'react-native-progress-bar-classic';
    
    <ProgressBarClassic progress={20} />
    

    Customized

    <ProgressBarClassic
      progress={20}
      valueStyle={'balloon'}
    />
    

    Props

    progress(Int) Default: 0

    The Progress. progress can take 0 to 100.

    valueStyle(String) Default: 'default'

    valueStyle detect style of progress percentage

    'default'

    Demo

    'balloon'

    Demo

    'none'

    Demo

    label(String)

    The bar label. You cannot use with valueStyle: 'balloon'.

    Demo

    value(String)

    If you want to show value, you can use the value props. You have to use value props with label props.

    Demo

    TODO

    • can change style (color, height, etc..)

    Contributing

    Of course! Welcome :)

    License

    MIT

    Install

    npm i react-native-progress-bar-classic

    DownloadsWeekly Downloads

    27

    Version

    1.2.1

    License

    MIT

    Last publish

    Collaborators

    • moschan