可以暂停和重新启动动画本地响应吗?

时间:2016-08-07 11:07:13

标签: reactjs react-native

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。所以我想重置状态。但'the.state.spin'是一个动画。值。我不知道如何在不降低动画速度的情况下重新启动动画。

任何人都可以帮我或告诉我暂停和重启动画的正确方法吗?

1 个答案:

答案 0 :(得分:2)

根据Creating temporary files in Android这里

您可以将callback传递给stopAnimation,如:

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

然后,您可以在停止animation中的callback后获得最终值。您可以使用该值执行任何操作,例如调整duration以实现restart功能。