New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-native-indicator

Package Overview
Dependencies
Maintainers
1
Versions
30
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-indicator - npm Package Compare versions

Comparing version 0.5.6 to 0.5.7

30

lib/loader/LinesLoader.js

@@ -39,3 +39,2 @@ /**

this._animation = this._animation.bind(this);
this.timers = [];
}

@@ -57,8 +56,3 @@

componentDidMount() {
this.state.heights.forEach((item, i) => {
const id = setTimeout(() => {
this._animation(i);
}, i * (1200 / this.props.barNumber));
this.timers.push(id);
});
this._animation();
}

@@ -68,14 +62,18 @@

this.unmounted = true;
this.timers.forEach((id) => {
clearTimeout(id);
});
}
_animation(i) {
Animated.sequence([
Animated.timing(this.state.heights[i], {toValue: 5, duration: 600}),
Animated.timing(this.state.heights[i], {toValue: this.props.barHeight, duration: 600}),
]).start(() => {
_animation() {
function seq(self, i) {
return Animated.sequence([
Animated.timing(self.state.heights[i], {toValue: 5, duration: 500, delay: i*200}),
Animated.timing(self.state.heights[i], {toValue: self.props.barHeight, duration: 500})
])
}
let anim = [];
for(let i=0; i<this.props.barNumber; i++)
anim.push(seq(this,i));
Animated.parallel(anim).start(() => {
if (!this.unmounted) {
this._animation(i);
this._animation();
}

@@ -82,0 +80,0 @@ });

{
"name": "react-native-indicator",
"version": "0.5.6",
"version": "0.5.7",
"description": "React Native Indicator Component",

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

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