title: React Native proportional scaling of square image
body: <p>I have a <code>view</code> that spans 100% of its parent and inside I have a square <code>image</code> that needs to span 100% of that <code>view</code> and keep its aspect ratio without cropping. How can I accomplish this without absolute dimensions?</p>
  
  <p>Here is a mock up reference image of what I want to do:</p>
  
  <p><a href="https://i.stack.imgur.com/yUa0G.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yUa0G.png" alt="reference"></a></p>