How to give specific spacing to items in a QML layout?
<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>