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

  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