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