Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-native-circular-progress

Package Overview
Dependencies
Maintainers
1
Versions
28
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-circular-progress - npm Package Compare versions

Comparing version 0.0.5 to 0.0.6

2

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc