2016-08-07 5 views
1
onAnimation(){ 

    var animation = Animated.timing(this.state.spin,{ 
     toValue:1, 
     duration:4000, 
     easing:Easing.linear 
    }); 
    animation.start(); 
} 


onPause(){ 
    this.state.spin.stopAnimation(); 
} 

私は反応ネイティブのアニメーションを練習しています。上記のコードのように、 'the.state.spin'が変更されてもアニメーションの時間はまだ4000msですので、アニメーションの速度は遅くなります。私はstate.But 'the.state.spin'をアニメーション化したいと思います。値。私は、アニメーションの速度を遅くすることなくアニメーションを再起動する方法を知らない。反応ネイティブのアニメーションを一時停止して再開できますか?

アニメーションを一時停止して再起動する正しい方法を教えてもらえますか?その後、あなたはcallbackanimationを停止した後、最終的な値を得ることができます

this.state.spin.stopAnimation(this.callback);

答えて

2

ここOfficial Doc

によると、あなたは次のようにstopAnimationcallbackを渡すことができます。 durationを調整してrestartの機能を達成するなど、値を使って必要な操作を行うことができます。

+0

ありがとう、それは動作します! – tanpuer

関連する問題