React native 反应本机动画循环开始回调

React native 反应本机动画循环开始回调,react-native,React Native,我正在努力与本地动画在这里。结果很简单,我有一个动画。图像,我想旋转。 一切都很好,直到我想在动画中循环n次,并在动画停止时执行某些操作。 我有以下代码 Animated.loop( Animated.timing(this.state.spin, { toValue: 360, duration: 1000, easing: Easing.linear, useNativeDriver: true, }), { iterations: 3 }

我正在努力与本地动画在这里。结果很简单,我有一个动画。图像,我想旋转。
一切都很好,直到我想在动画中循环n次,并在动画停止时执行某些操作。
我有以下代码

Animated.loop(
  Animated.timing(this.state.spin, {
    toValue: 360,
    duration: 1000,
    easing: Easing.linear,
    useNativeDriver: true,
  }), {
    iterations: 3
  }
).start(() => {
  console.log('done');
});
它按照循环迭代旋转3次,但在动画结束时没有触发回调

这里是复制此内容的Expo:

请尝试下面的代码

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');
    }
  });
我刚刚在事件响应上添加了一个检查

希望有帮助。

找到了答案。
如果您取出
useNativeDriver
它会正常工作,并调用回调。

这很奇怪…

不。。。还是不行。在结束事件时没有调用回调函数。我遇到了这样一种情况,在添加一行:userNativeDriver:true后,回调函数将被调用一次。