Simple animated horizontal <ProgressBar /> component for React Native.
npm install react-native-horizontal-progress-barSimple animated horizontal
--------------------------------
   
- yarn add react-native-horizontal-progress-bar
Or, if you prefer using npm:
- npm i -S react-native-horizontal-progress-bar
Check the TypeScript type definition file for further info.
Prop | Type | Default | Description
-------- | ------ | --------- | -----------------------------------------
progress | number | | Current progress of the
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',
};
PRs are obviously welcome! :octocat:
- lint: verify that the eslint configuration is respected