title: QML ScrollView with ColumnLayout
body: <p>I am trying to create a scroll view around a ColumnLayout, unfortunately my current code doesn't work. I know about ListView, but in my case I need to create scrollable Layout, because it will contain heterogeneous elements.</p>
  
  <pre><code>ApplicationWindow {
      id: mainwindow
      title: qsTr("Hello World")
      width: 300
      height: 300
      visible: true
  
      ScrollView {
          anchors.fill: parent
  
          ColumnLayout {
              width: mainwindow.width
  
              Image {
                  anchors.bottomMargin: 10
                  source: "img/button.jpg"
                  width: parent.width
                  height: 400
              }
  
              Image {
                  source: "img/button.jpg"
                  width: parent.width
                  height: 500
              }
          }
      }
  }
  </code></pre>
  
  <p>This renders to this (which is clearly not what I want):</p>
  
  <p><img src="https://i.stack.imgur.com/d8HSg.png" alt="QML column layout"></p>
  
  <p>There are two problems:</p>
  
  <ol>
  <li>Images are not stretched across the entire window width, parent.width is ignored. I want images to have exact same width as ScrollView (no horizontal scroll)</li>
  <li>Image height property is ignored</li>
  </ol>
  
  <p>What am I doing wrong?</p>