archive-gh-me/react-native-circular-progress
1
0
Fork 0
mirror of https://github.com/bartgryszko/react-native-circular-progress.git synced 2026-02-01 17:20:42 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #157 from brendannee/patch-1

Browse Source 
Added units and defaults for animation duration
This commit is contained in:
Jacob Lauritzen 2018-09-18 07:42:33 -04:00 committed by GitHub
commit 0e3796a528
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -83,18 +83,18 @@ You can configure the passing by following props:
- **tintColor** - color of the progress line - **tintColor** - color of the progress line
- **backgroundColor** - color of the background for the progress line. If unspecified, no background will be rendered - **backgroundColor** - color of the background for the progress line. If unspecified, no background will be rendered
- **rotation** - by default, progress starts from the angle = 90⦝, you can change it by setting value from -360 to 360 - **rotation** - by default, progress starts from the angle = 90⦝, you can change it by setting value from -360 to 360
- **duration** - duration of the animation - **duration** - duration of the animation in milliseconds. Default is 500ms
- **easing** - animation easing function - **easing** - animation easing function
- **lineCap** - the shape to be used at the ends of the circle. Possible values: butt (default), round or square. (see [here](https://developer.mozilla.org/en/docs/Web/SVG/Attribute/stroke-linecap)) - **lineCap** - the shape to be used at the ends of the circle. Possible values: butt (default), round or square. (see [here](https://developer.mozilla.org/en/docs/Web/SVG/Attribute/stroke-linecap))
- **arcSweepAngle** - the angle that you want your arc to sweep in the case where you don't want a full circle. Default is 360. - **arcSweepAngle** - the angle that you want your arc to sweep in the case where you don't want a full circle. Default is 360.
- **children(fill)** - you can pass function as a child to receive current fill - **children(fill)** - you can pass function as a child to receive current fill
- **onAnimationComplete** - you can pass a callback function that will be invoked when animation completes. (see [here](https://facebook.github.io/react-native/docs/animated.html#working-with-animations)) - **onAnimationComplete** - you can pass a callback function that will be invoked when animation completes. (see [here](https://facebook.github.io/react-native/docs/animated.html#working-with-animations))
## Running example app ## Running example app
```sh ```sh
git clone https://github.com/bgryszko/react-native-circular-progress.git git clone https://github.com/bgryszko/react-native-circular-progress.git
cd react-native-circular-progress/example cd react-native-circular-progress/example
yarn yarn
yarn start yarn start
``` ```