title: Animatable Re-render animation React Native
body: <p>I have an action bar with icons functioning as buttons as per this gif:
  <img src="https://i.imgflip.com/1zyg0x.gif" alt="Alt Text"> </p>
  
  <p>The animation works when the app loads, but when I click a button, and new buttons are loaded into the action bar, they are not animated as well, except for the last button.</p>
  
  <p>I have tried the following:
  - In my constructor:</p>
  
  <pre><code>this.state = {
    startAnimation: true,
  };
  </code></pre>
  
  <p>and</p>
  
  <pre><code>componentDidUpdate() {
  if (this.state.startAnimation) {
    this.refs.animatable.pulse();
  }
  }
  </code></pre>
  
  <p>and on my animatable view (each button is rendered with one)
      ref='animatable'</p>
  
  <pre><code>  onAnimationEnd={({ finished }) =&gt; {
      if (finished) {
        this.setState({ startAnimation: true });
      }
    }}
  </code></pre>
  
  <p>This does not work, Can anyone assist?</p>