react-native-circular-progress
Advanced tools
Comparing version 0.0.5 to 0.0.6
{ | ||
"name": "react-native-circular-progress", | ||
"version": "0.0.5", | ||
"version": "0.0.6", | ||
"description": "React Native component for creating animated, circular progress with ReactART", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -51,2 +51,13 @@ # react-native-circular-progress | ||
Finally, you can manually trigger a duration-based timing animation by putting a ref on the component and calling the `performLinearAnimation(toValue, duration)` function like so: | ||
```jsx | ||
<AnimatedCircularProgress | ||
ref='circularProgress' | ||
... | ||
/> | ||
``` | ||
```javascript | ||
this.refs.circularProgress.performLinearAnimation(100, 8000); // Will fill the progress bar linearly in 8 seconds | ||
``` | ||
## Configuration | ||
@@ -80,3 +91,9 @@ | ||
## License | ||
MIT | ||
## Special thanks | ||
Special thanks to [Chalk+Chisel](http://chalkchisel.com) for creating working environment where people grow. This component was created for one of the projects we're working on. |
@@ -36,2 +36,9 @@ import React, { View, PropTypes, Animated } from 'react-native'; | ||
} | ||
performLinearAnimation(toValue, duration) { | ||
Animated.timing(this.state.chartFillAnimation, { | ||
toValue: toValue, | ||
duration: duration | ||
}).start(); | ||
} | ||
@@ -53,3 +60,3 @@ render() { | ||
size: PropTypes.number.isRequired, | ||
fill: PropTypes.number.isRequired, | ||
fill: PropTypes.number, | ||
prefill: PropTypes.number, | ||
@@ -56,0 +63,0 @@ width: PropTypes.number.isRequired, |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
370653
132
98