title: How to give specific spacing to items in a QML layout?
body: <p>I have a <code>ColumnLayout</code>, which has its anchor set to <code>anchor.fill: parent</code>, therefore it has already a set dimension, which depends on its parent dimension.</p>
  
  <p>How can I add <code>Rectangles</code> into this <code>ColumnLayout</code>, with a <em>specific</em> spacing from top to bottom?</p>
  
  <p>Right now I have this:</p>
  
  <pre><code>ColumnLayout {
    anchors.fill: parent
    spacing: 2
  
    Rectangle {
      height: 50
      width: 50
      color: "red"
    }
    Rectangle {
      height: 50
      width: 50
      color: "green"
    }
    Rectangle {
      height: 50
      width: 50
      color: "blue"
    }
  }
  </code></pre>
  
  <p>But instead of having the rectangles from top to bottom with a spacing <code>2</code> it layouts the <code>Rectangle</code>s evenly in the <code>ColumnLayout</code>.</p>
  
  <p>One solution would be to anchor the first rectangle to the parent's top and the anchor the rest of the rectangles one after the other, but I would like to avoid this if possible.</p>