react-native-horizontal-progress-bar

Simple animated horizontal component for React Native.

--------------------------------

   

Installation

- yarn add react-native-horizontal-progress-bar

Or, if you prefer using npm:

- npm i -S react-native-horizontal-progress-bar

Available Props

Check the TypeScript type definition file for further info.

Prop | Type | Default | Description
-------- | ------ | --------- | -----------------------------------------
progress | number | | Current progress of the component
animated | bool | true | If set to false, the animation will be disabled
color | string | '#7D85BE' | Background color of the progress bar
duration | number | 500 | Duration of the transition between the current progress and the next one.
style | | | Style of the ProgressBar container View. Check below for the default style definition

``javascript
const defaultStyle = {
width: '100%',
height: 10,
backgroundColor: 'transparent',
};
``

Example (TODO)

Contributing

PRs are obviously welcome! :octocat:

Available scripts

- lint: verify that the eslint configuration is respected

License

MIT