title: React Native Aspect fit image
body: <pre><code>    &lt;Image
        style={{
          alignSelf: 'center',
          flex: 1,
          width: '25%',
          height: null,
          resizeMode: 'cover',
          borderWidth: 1,
          borderRadius: 75,
        }}
        source={{uri:'https://facebook.github.io/react/img/logo_og.png'}}
        resizeMode="stretch"
      /&gt;
  </code></pre>
  
  <p><a href="https://snack.expo.io/rJCoC9S5-" rel="nofollow noreferrer">https://snack.expo.io/rJCoC9S5-</a></p>
  
  <p>How would i make the image width 25% of the parent, and the height to whatever that is needed to maintain the original width:height aspect ratio?</p>