React-native：动画完成后做一些代码

Question

我想在动画完成时做一些代码。我该怎么做？ 我的例子：

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: '',
            });

谢谢。

Answer 1

start()方法采用可选功能，在动画结束（或停止）时调用该功能。所以你可以这样做：

animations.start(result => {
  if (result.finished) {
    this.setState({ msg: 'finished' });
  }
});