react-native-horizontal-progress-bar

v1.0.0
Simple animated horizontal <ProgressBar /> component for React Native.
react-native ui animation animated progress

Readme Versions Dependencies Scripts

react-native-horizontal-progress-bar

Simple animated horizontal component for React Native.

Travis npm npm Issue Stats

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 
  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

npm i react-native-horizontal-progress-bar

Metadata

  • MIT
  • Whatever
  • Alberto Schiabel [https://github.com/jkomyno]
  • released 9/8/2017

Downloads

Maintainers