title: Nativescript Vue Image stretch aspectFill not working
body: <p>I am working on a Nativescript-vue app, and am having a strange problem with the Image component not sizing correctly.</p>
  
  <p>I am trying to use stretch="aspectFill" to correctly size an image for a component. It works initially when live previewing in the ios simulator, but when you next render the component it reduces size to fit the space rather than aspectFill. My component code is below.</p>
  
  <pre><code> &lt;StackLayout&gt;
      &lt;Image :src="promo.image" stretch="aspectFill" height="200" /&gt;
      &lt;StackLayout class="promocontainer" row="1" padding="0"&gt;
        &lt;GridLayout columns="*,*" class="region"&gt;
          &lt;Label col="0" :text="promo.region" /&gt;
          &lt;Label col="1" :text="'$' + promo.price" textAlignment="right" /&gt;
        &lt;/GridLayout&gt;
        &lt;Label :text="promo.inclusions_heading" class="heading" /&gt;
        &lt;Label :text="promo.heading" padding="10" textWrap="true" class="tagline" /&gt;
        &lt;Label :text="promo.introText" padding="10" textWrap="true" class="text" /&gt;
      &lt;/StackLayout&gt;
    &lt;/StackLayout&gt;
  </code></pre>
  
  <p>When you change the strech option, the live preview in ios show the intended behavior as shown below</p>
  
  <p><a href="https://i.stack.imgur.com/BfdqT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BfdqT.png" alt="enter image description here"></a></p>
  
  <p>When interacting with the app, navigating away from this page and back, or previewing on a physical ios device, the image is show as below, instead of the intended aspect filled image as above.</p>
  
  <p><a href="https://i.stack.imgur.com/rdA11.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rdA11.png" alt="Unexpected behavior"></a></p>
  
  <p>I am hoping someone has run into this before and might be able to assist with working out a solution.</p>