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.3 to 0.0.4

2

package.json
{
"name": "react-native-circular-progress",
"version": "0.0.3",
"version": "0.0.4",
"description": "React Native component for creating animated, circular progress with ReactART",

@@ -5,0 +5,0 @@ "main": "index.js",

@@ -58,2 +58,3 @@ # react-native-circular-progress

- **fill** - current, percentage fill (from 0 to 100)
- **prefill** - percentage fill before the animation (from 0 to 100)
- **tintColor** - color of a progress line

@@ -60,0 +61,0 @@ - **backgroundColor** - color of a background for progress line

@@ -8,6 +8,6 @@ import React, { PropTypes, Animated } from 'react-native';

constructor() {
super();
constructor(props) {
super(props);
this.state = {
chartFillAnimation: new Animated.Value(0)
chartFillAnimation: new Animated.Value(props.prefill || 0)
}

@@ -38,3 +38,3 @@ }

render() {
const { fill, ...other } = this.props;
const { fill, prefill, ...other } = this.props;

@@ -54,5 +54,6 @@ return (

fill: PropTypes.number.isRequired,
prefill: PropTypes.number,
width: PropTypes.number.isRequired,
tintColor: PropTypes.string,
backgroundColor: PropTypes.string
backgroundColor: PropTypes.string,
}

@@ -42,4 +42,2 @@ import React, { View, PropTypes } from 'react-native';

stroke={backgroundColor}
strokeCap="butt"
strokeDash={[(size - width) * Math.PI, 700]}
strokeWidth={width} />

@@ -49,3 +47,3 @@ <Shape d={circlePath}

strokeCap="butt"
strokeDash={[(size - width) * Math.PI * fill / 100, 700]}
strokeDash={[(size - width) * Math.PI * fill / 100, 9999]}
strokeWidth={width} />

@@ -52,0 +50,0 @@ </Group>

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