componentDidMount() { Animated.timing( this.state.animValue, { toValue: 1, duration: 3000, easing: Easing.linear } ).start(); }
runAnimation() { if (!this.props.inProgress) { return; } this._animatedValue.setValue(0); Animated.timing(this._animatedValue, { toValue: 1, duration: 3000, easing: Easing.linear }).start(() => this.runAnimation()); }
animate() { this.animatedValue.setValue(0); Animated.timing(this.animatedValue, { toValue: 1, duration: 2000, easing: Easing.linear, }).start(() => this.animate()); }
componentDidMount(){ var timing = Animated.timing; Animated.parallel(['commonChange','rotation'].map(property=>{ return timing(this.state[property],{ toValue : 1, duration : 4000, easing : Easing.linear }) })).start(); }
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()); } }
getPhotos() { CameraRoll.getPhotos({ first: 20, assetType: 'All', groupName: 'DCIM' }) .then(photos => { console.log(photos); LayoutAnimation.configureNext(LayoutAnimation.Presets.linear); this.setState({ photos: photos.edges }); }); }
AnimateHeight() { this.state.height.setValue(0) Animated.timing(this.state.height, { toValue: 1, duration: 2000, easing: Easing.linear }).start(() => this.AnimateHeight()) }
_onGrow() { Animated.timing( this.growAnimated, { toValue: 1, duration: 200, easing: Easing.linear } ).start(); }
componentDidMount() { Animated.parallel(['fadeInOpacity','rotation','fontSize'].map( (property)=>{ return Animated.timing(this.state[property],{ toValue: 1, duration: 1000, easing: Easing.linear }) } )).start() }
AnimateRotate() { this.state.value.setValue(0) Animated.timing(this.state.value, { toValue: 1, duration: 2000, easing: Easing.linear }).start(() => this.AnimateRotate()) }
componentDidMount() { // Creates an animated value store at this.state.progress Animated.timing(this.state.animProgress, { toValue: 1, duration: gradientAnimDuration, easing: Easing.linear, }).start(); // Sets the desired gradient, for it to be animated this.setState({ colors: gradientColors }); }
_animateForward() { //this.setState({ animatedValue: this.state.animatedValue.setValue(0) }); this.animatedValue.setValue(-1); Animated.timing( this.animatedValue, { toValue: 0, duration: 500, easing: Easing.linear } ).start(); }
componentDidMount() { Animated.timing(this.state.fadeInOpacity, { toValue: 1, duration: 2500, easing:Easing.linear, }).start(); }
recycleAnimation() { Animated.timing(this.state.animValue,{ toValue:0, duration:1500, easing:Easing.linear, }).start(()=>this.startAnimation()); }
startAnimation(){ Animated.timing(this.state.animValue,{ toValue:1, duration:1500, easing:Easing.linear, }).start(()=>this.recycleAnimation()); }