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-progress
This 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.