componentDidMount() { Animated.timing( this.state.animValue, { toValue: 1, duration: 3000, easing: Easing.linear } ).start(); }
animate() { const animation = Animated.sequence([ Animated.delay(1000), Animated.stagger( 100, this.r.map(animValue => Animated.spring(animValue, { toValue: 10 }) ) ) ]); animation.start(); }
hide() { const timing = Animated.timing; Animated.sequence([ timing( this.state.fadeAnim, { toValue: 0, duration: 20 }) ]).start(); this.barsShown = false; }
runAnimation() { if (!this.props.inProgress) { return; } this._animatedValue.setValue(0); Animated.timing(this._animatedValue, { toValue: 1, duration: 3000, easing: Easing.linear }).start(() => this.runAnimation()); }
startAnimation(){ if(this.state.show){ this.state.animation.setValue(0); Animated.timing(this.state.animation,{ toValue:1, duration:1500, easing:Easing.linear, }).start(()=>this.startAnimation()); } }
onPlayingUpdate(playing) { Animated.spring(this.borderWidth, { toValue: playing ? this.props.borderWidth : 0, friction: 5 }).start(); }
Animated.parallel([ Animated.spring(this.width, { toValue: randomNumber(50, width) }), Animated.spring(this.height, { toValue: randomNumber(50, height) }) ]).start(() => this.animate());
show() { const timing = Animated.timing; timing( this.state.fadeAnim, { toValue: 1, duration: 20 }).start(); this.barsShown = true; }
Animated.parallel(this.state.values.map(value => { return Animated.timing(value, { toValue: Math.round(100 * Math.random()), duration: 500 }); })).start(this.animate);
shrinkAnimation() { Animated.timing( this.state.animValue, { toValue: 0.2, } ).start(); }
startAnimation(){ Animated.timing(this.state.animValue,{ toValue:1, duration:1500, easing:Easing.linear, }).start(()=>this.recycleAnimation()); }
recycleAnimation() { Animated.timing(this.state.animValue,{ toValue:0, duration:1500, easing:Easing.linear, }).start(()=>this.startAnimation()); }
enlargeAnimation() { Animated.timing( this.state.animValue, { toValue: 1.0, } ).start(); }
show() { const timing = Animated.timing; Animated.sequence([ timing( this.state.fadeAnim, { toValue: 1, duration: 20 }) ]).start(); this.barsShown = true; }
hide() { const timing = Animated.timing; Animated.sequence([ timing( this.state.fadeAnim, { toValue: 0, duration: 20 }) ]).start(); this.barsShown = false; }