javascript - Animatable 重新渲染动画 React Native

Question

我有一个操作栏，其中的图标按照这个 gif 用作按钮:

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

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

this.state = {
  startAnimation: true,
};

和

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

在我的动画 View 上(每个按钮都用一个渲染) ref='动画化'

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

这行不通，有人可以帮忙吗？

Answer 1

经过几天的折腾，我解决了我的问题，我不确定代码是否可以改进，但如果它对任何人有帮助:

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