https://github.com/hezhii/rn-circular-progress

Circular progress bar for react native
https://github.com/hezhii/rn-circular-progress

Last synced: about 5 hours ago
JSON representation

Circular progress bar for react native

• Host: GitHub
• URL: https://github.com/hezhii/rn-circular-progress
• Owner: hezhii
• License: mit
• Created: 2023-01-30T05:39:48.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-30T07:07:21.000Z (almost 2 years ago)
• Last Synced: 2024-04-24T11:11:27.520Z (7 months ago)
• Language: Java
• Size: 215 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# circular-progress-rn

Circular progress bar for react native



## Installation

```sh

npm i react-native-svg

npm i circular-progress-rn

```

## Usage

```js

import CircularProgress from 'circular-progress-rn';

// ...

;

```

## Props

|Property|Type|Default|Description|

|:---|:---|:---|:---|

|style|[style](https://facebook.github.io/react-native/docs/view.html#style)|null|The style of external container.|

|radius|number|100|The radius of circle.|

|strokeWidth|number|10|The stoke width of circle.|

|strokeLinecap|Linecap|null|Shape of both ends.|

|backgroundTrackColor|string|'#d8d8d8'|Color of the background track.|

|trackColor|string|'#fff'|Color of progress bar.|

|progress|number|null|0-100|

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)