动画重新渲染动画React Native

Question

我有一个操作栏，其图标用作按钮，按照此gif：

动画在应用程序加载时有效，但是当我单击按钮，并且新按钮被加载到操作栏时，它们也没有动画，除了最后一个按钮。

我尝试过以下方法： - 在我的构造函数中：

this.state = {
  startAnimation: true,
};

和

componentDidUpdate() {
if (this.state.startAnimation) {
  this.refs.animatable.pulse();
}
}

并在我的动画视图上（每个按钮渲染一个）     REF = '动画'

  onAnimationEnd={({ finished }) => {
    if (finished) {
      this.setState({ startAnimation: true });
    }
  }}

这不起作用，有人可以帮忙吗？

Answer 1

我在几天乱七八糟的问题后解决了问题，我不确定代码是否可以改进，但是如果有帮助的话：

https://gist.github.com/IronCoderXYZ/9711463baa785c3786b6682234ed6c39