title: Center element inside qml ColumnLayout
body: <p>How to center element inside qml <strong>ColumnLayout</strong>? I unsuccessfully tried:</p>
  
  <pre><code>Layout.alignment: Qt.AlignCenter
  </code></pre>
  
  <p>code: </p>
  
  <pre><code>import QtQuick 2.6
  import QtQuick.Window 2.2
  import QtQuick.Layouts 1.11
  import QtQuick.Controls 1.4
  
  Window {
      visible: true
      width: 640
      height: 480
      title: qsTr("Hello World")
      ColumnLayout{
          anchors.centerIn: parent
          width: parent.width
          Layout.preferredHeight:  parent.height
          visible: true
  
          Text{
              id: myText
              text: "My Text"
              Layout.preferredWidth: parent.width
              Layout.preferredHeight: 25
              Layout.alignment: Qt.AlignCenter
          }
      }
  }
  </code></pre>
  
  <p>But myText is still not horizontally centered. Any idea?</p>
  
  <p><a href="https://i.stack.imgur.com/NtLZP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NtLZP.png" alt="enter image description here"></a></p>