title: react-native Animate image to "breath" in and out
body: <p>I'm new to react-native and need some help with Animate.</p>
  
  <p>Goal: to animate Image, so that it looks like its slowly breathing.(getting a little larger then smaller, then back again, constantly, like someone breathing in and out)</p>
  
  <p>My images are stored in an array, inside newOrder() method:</p>
  
  <pre><code> newOrder(timeAsProp) {
      const hour = timeAsProp.slice(0, 2);
      let returnValue = [];
      const yud = &lt;Image key="yud" source={require('./img/yud.png')} style={Style.image} /&gt;;
      const hey1 = &lt;Image key="hey1" source={require('./img/hey1.png')} style={Style.image} /&gt;;
      const vav = &lt;Image key="vav" source={require('./img/vav.png')} style={Style.image} /&gt;;
      const hey2 = &lt;Image key="hey2" source={require('./img/hey2.png')} style={Style.image} /&gt;;
       return (
  &lt;View style={Style.displayContainer}&gt;{returnValue}&lt;/View&gt;
  );
  </code></pre>
  
  <p>called in the render method, like this:</p>
  
  <pre><code>{this.newOrder(parsedTime)}
  </code></pre>
  
  <p>its four seperate images, which are rendered and displayed together on one line.
  it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/zD7rG.png" rel="nofollow noreferrer">letters being rendered to one word:</a></p>
  
  <p>its important that the Image as a whole, should be breathing together in unison, and not each image on its own.
  heres a screen pic so you see what the image looks like, if that will help you understand the best method to make it look alive:</p>
  
  <p>edit:
  something that would add to the animation i think, would be two things:
  1)size getting larger and smaller
  2)actual color patch on the letters slightly moving, maybe closer and further, like zooming in and out or something like that.
  i think those two together would make the breathing 3d.</p>
  
  <p>so im interested in hearing peoples opinions how to do this...
  thnks!</p>