2017-04-19 19 views
0

アニメーションが終了するとコードを実行したいと思います。どうしたらいいですか? 私の例:最後のアニメーションが終了するとReact-native:アニメーションが終了するとコードを実行します

showMsg(){ 

      Animated.sequence([ 
       Animated.timing(
        this.state.bottom, 
        { 
         toValue: 0, 
         duration: 500 
        }), 
       Animated.delay(1000), 
       Animated.timing(this.state.bottom, 
        { 
         toValue: -50, 
         duration: 500 
        }), 
      ]).start(); 

    } 

私はこのコードを実行することを望む:

this.setState({ 
       msg: '', 
      }); 

ありがとうございました。

答えて

0

start()メソッドは、アニメーションが終了する(または停止する)ときに呼び出されるオプションの関数を取ります。そうすることができます:

animations.start(result => { 
    if (result.finished) { 
    this.setState({ msg: 'finished' }); 
    } 
}); 
関連する問題