React-native: [动画] 重复/循环动画

创建于 2015-10-25 · 3评论 · 资料来源: facebook/react-native

无论如何，是否可以使用当前的 Animated API 循环或重复动画？

我想让一个加载图标在我的应用程序获取必要信息时旋转，但我只能让它旋转一次。

问候

Locked

资料来源

axelg12

最有用的评论

.start()方法接受一个完成回调。在该回调中，您可以再次运行动画！

这样的事情应该做

  ...
  runAnimation() {
    this.state.rotateValue.setValue(0);
    Animated.timing(this.state.rotateValue, {
        toValue: 360,
        duration: 500,
    }).start(() => this.runAnimation());
  }
  ...

dralletje 于 2015-10-25

👍12 👎1

所有3条评论

.start()方法接受一个完成回调。在该回调中，您可以再次运行动画！

这样的事情应该做

  ...
  runAnimation() {
    this.state.rotateValue.setValue(0);
    Animated.timing(this.state.rotateValue, {
        toValue: 360,
        duration: 500,
    }).start(() => this.runAnimation());
  }
  ...

dralletje 于 2015-10-25

👍12 👎1

@dralletje Doea react-native 支持帧动画？

muyiou 于 2015-10-27

请使用 Stack Overflow 并使用 react-native 标记您的问题以询问此类问题： http :

社区中的许多人都在 Stack Overflow 上闲逛，他们将能够看到并可能回答您的问题。使用 Stack Overflow 提问还可以帮助我们使用 Github 问题来跟踪需要修复的错误。

astreet 于 2015-10-27

此页面是否有帮助？

0 / 5 - 0 等级

React-native: [动画] 重复/循环动画

最有用的评论

所有3条评论

相关问题