可动画重新渲染动画React Native

Question

我有一个操作栏，图标的功能是按钮，就像这个gif：

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

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

this.state = {
  startAnimation: true,
};

和

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

在我的动画视图上(每个按钮都用一个按钮渲染) ref=' animatable‘

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

这不起作用，有谁能帮忙吗？