React Native Animated Loop开始回调

时间:2017-09-11 23:56:37

标签: react-native

我在这里正在努力使用React Native Animations。结果很简单,我有一个Animated.Image,我想旋转。
一切都很好,直到我想通过动画循环n次并在停止时做一些事情 我有以下代码。

UIWebView

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

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

2 个答案:

答案 0 :(得分:1)

找到答案。
似乎如果你取出useNativeDriver它就应该工作,并调用回调 这很奇怪......

答案 1 :(得分:0)

尝试以下代码

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

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

希望它有所帮助。