javascript - 在 React Native 中停止顺序动画

Question

我有一个由按钮 A 启动的序列动画，如何通过按钮 B 停止动画？谢谢

Answer 1

将动画存储在状态变量中，并在单击按钮时调用 start 或 stop:

constructor() {
    super(props);

    var my_animation = ... // define your animation here

    this.state = {
        my_animation: my_animation;
    }
}

startAnimation() {
    this.state.my_animation.start();
}

stopAnimation() {
    this.state.my_animation.stop();
}

render() {
    <Button onPress={() => this.startAnimation()} />
    <Button onPress={() => this.stopAnimation()} />
}

有关开始和停止的更多信息，请参阅https://facebook.github.io/react-native/docs/animations.html