enlargeAnimation() { Animated.timing( this.state.animValue, { toValue: 1.0, } ).start(); }
componentWillReceiveProps(next) { const { active } = this.props if (active && !next.active) { Animated.timing(this._opacityAV, { duration: 112, toValue: 0 }) .start(() => this.setState({ visible: false })) } else if (!active && next.active) { this.setState({ visible: true }, () => Animated.timing(this._opacityAV, { duration: 225, delay: 112, toValue: 1 }) .start() ) } }
AnimateRotate() { this.state.value.setValue(0) Animated.timing(this.state.value, { toValue: 1, duration: 2000, easing: Easing.linear }).start(() => this.AnimateRotate()) }
animate() { Animated.sequence([ Animated.delay(2000), ...this.data.map(item => Animated.timing(item.value, { toValue: randomNumber(min, max), duration: 1000 }) ) ]).start(); }
componentDidUpdate(prevProps, prevState, snapshot) { if (this.props.transition) { Animated.timing(this.position, { toValue: this.start, easing: Easing.back(), duration: 500 }).start(() => { this.visible = false; this.props.fadeoutCompleted(); }); } }
animate() { Animated.parallel([ Animated.timing(this.t, { toValue: this.t.__getValue() === 0 ? 1 : 0, duration: 5000 }) ]).start(() => this.animate()); }
Animated.timing( this.animatedValue, { toValue: 8, duration: 8000, easing: Easing.linear } ).start(() => this.animate());
componentDidMount() { Animated.parallel(['fadeInOpacity','rotation','fontSize'].map( (property)=>{ return Animated.timing(this.state[property],{ toValue: 1, duration: 1000, easing: Easing.linear }) } )).start() }
componentDidMount() { Animated.timing(this.state.fadeInOpacity, { toValue: 1, duration: 2500, easing:Easing.linear, }).start(); }
forceSwipe(direction) { const x = (direction === 'right') ? SCREEN_WIDTH : -SCREEN_WIDTH; Animated.timing(this.state.position, { toValue: {x, y: 0}, duration: ANIMATION_DURATION }).start(() => {this.onSwipeComplete(direction)}); }
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()); }
componentDidMount() { Animated.timing( this.state.animValue, { toValue: 1, duration: 3000, easing: Easing.linear } ).start(); }
shrinkAnimation() { Animated.timing( this.state.animValue, { toValue: 0.2, } ).start(); }
forceSwipe(direction) { const x = direction === 'right' ? SCREEN_WIDTH : -SCREEN_WIDTH Animated.timing(this.state.position, { toValue: { x, y: 0 }, duration: SWIPE_OUT_DURATION }).start(() => this.onSwipeComplete(direction)); }