title: How to change the spacing between items in a Column or Row
body: <p>I am aligning <code>Item</code>s using <code>Column</code> and <code>Row</code> types in QML. Is there any way to give different spacing to each <code>Item</code>. Something along the line of the following:</p>
  
  <p><strong>like</strong>:</p>
  
  <p>item1</p>
  
  <p>spacing:10</p>
  
  <p>item2</p>
  
  <p>spacing:20</p>
  
  <p>item3</p>
  
  <p>spacing:40</p>
  
  <p>item4</p>
  
  <p><strong>here is my code:</strong></p>
  
  <pre><code>ApplicationWindow {
      visible: true
      width: 640
      height: 480
      title: qsTr("Hello World")
  
      Rectangle{
          id: rect
          anchors.fill: parent
  
          Column{
              id: column
              anchors.centerIn: parent
              spacing: 10
  
              Row{
                  id: row1
                  anchors.horizontalCenter:  parent.horizontalCenter
                  Rectangle{
                      width: 300
                      height: 100
                      color: "lightgreen"
                  }
              }
              Row{
                  id: row2
                  anchors.horizontalCenter:  parent.horizontalCenter
                  Rectangle{
                      width: 100
                      height: 50
                      color: "lightblue"
                  }
              }
              Row{
                  id: row3
                  anchors.horizontalCenter:  parent.horizontalCenter
                  Rectangle{
                      width: 50
                      height: 50
                      color: "green"
                  }
              }
          }
      }
  }
  </code></pre>