title: Share equally the horizontal space in a QML Row
body: <p>I need to share equally the horizontal space between all "buttons" in my Row.
  I use this code with a Repeater.</p>
  
  <pre><code>Component {
      id: buttonComponent
      Rectangle {
          height: buttonRow.height
          width: buttonRow.width / buttonsRepeater.count
          color:  "#FFDDDD"
          Text {
              anchors.centerIn: parent
              text: model.text
          }
      }
  }
  
  Rectangle {
      color: "#DDDDDD"
      id: buttonBar
      height: 30
      anchors {
          bottom: parent.bottom
          left: parent.left
          right: parent.right
      }
  
      Row {
          id: buttonRow
          anchors.fill: parent
          Repeater {
              id: buttonsRepeater
              model: buttonsModel
              delegate: buttonComponent
          }
      }
  }
  </code></pre>
  
  <p>Now, I like to compute the ideal width of the Row such that all my button texts appear correctly.
  How can I get this ideal width?</p>