0.0.5 • Published 2 years ago
@codinggist/rn-progress v0.0.5
rn-progress
A progress indicator component for React Native (both Android and iOS)
Installation
Install component by running following command
npm i @codinggist/rn-progress
or
yarn add @codinggist/rn-progressThis componnet is based on React Native basic components. So, linking is not required.
Usage
import { ProgressBar } from "rn-progress";
// ...
<ProgressBar width={'80%'} height={'20'} />Props
Following are props to use this component
| Prop | Type | Description |
|---|---|---|
| width | number | string | Width of ProgressBar in numbers or percentage |
| height | number | string | Height of ProgressBar in numbers or percentage |
| strokeWidth | number | Width of outer border or stroke |
| strokeColor | string | Stroke color |
| color | string | Color of Progressbar |
| startValue | number | Starting value of progress |
| maxValue | number | Maximum value of progress |
| currentValue | number | Current value of progress (can be set using states). If current value is less than start value, it will be neglected and start value will be used as current value. |
| backgroundColor | string | Background color for bar |
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT
Note: This package is under development. Contributors are welcome to work on this package.