title: Dynamically size Nativescript ContentView within ScrollView based on device height
body: <p>I have a Nativescript Vue component template defined as:</p>
  
  <pre><code>&lt;ScrollView&gt;
      &lt;StackLayout&gt;
          &lt;ContentView ref="mapContainer" height="500" width="100%"&gt;
              &lt;Mapbox
              accessToken="my access key"
              mapStyle="outdoors-v9"
              hideCompass="true"
              zoomLevel="10.2" , 
              latitude="51.949266"
              longitude="-12.183571"
              showUserLocation="true"
              disableZoom="true"
              disableRotation="true"
              disableScroll="true"
              disableTilt="true"
              @mapReady="onMapReady($event)"&gt;
              &lt;/Mapbox&gt;
          &lt;/ContentView&gt;
          &lt;Label text="A test label"/&gt;
      &lt;/StackLayout&gt;
  &lt;/ScrollView&gt;
  </code></pre>
  
  <p>When the component is mounted, I want to set the height of <code>mapContainer</code> to roughly 75% of the screen height. To do so, I have:</p>
  
  <pre><code>export default {
      name: "MyPage",
  
      mounted () {
          this.$refs.mapContainer.height = platform.screen.mainScreen.heightDIPs
      }
  
      ...
  
  }
  </code></pre>
  
  <p>But this does nothing, and the <code>ContentView</code> remains at 500dp tall.</p>
  
  <p><code>height</code> is meant to be a setter, but I figure I'm missing a redraw (?) to get this change to take effect, but not sure how?</p>