react-native - React Native 动画循环开始回调

Question

我在这里为 React Native Animations 苦苦挣扎。结果很简单，我有一个要旋转的 Animated.Image。
一切都很好，直到我想循环动画 n 次并在它停止时做一些事情。
我有以下代码。

Animated.loop(
  Animated.timing(this.state.spin, {
    toValue: 360,
    duration: 1000,
    easing: Easing.linear,
    useNativeDriver: true,
  }), {
    iterations: 3
  }
).start(() => {
  console.log('done');
});

它按照循环迭代旋转 3 次，但在动画结束时没有触发回调。

这里的世博会复制了这个:https://snack.expo.io/S1PjnfB9-

Answer 1

试试下面的代码

Animated.loop(
  Animated.timing(this.state.spin, {
    toValue: 360,
    duration: 1000,
    easing: Easing.linear,
    useNativeDriver: true,
  }), {
    iterations: 3
  }
).start(event => {
    if (event.finished) {
      console.log('finished');
    }
  });

我刚刚添加了对事件响应的检查。

希望对您有所帮助。