Layout w QML

Nie mam nawet linijki kodu w C++, ale coś mi mówi, że w tym dziale siedzą ludzie, którzy się na tym znają.

Popełniłem taki kod:

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

Item {
    height: 480
    width: 320
    ColumnLayout {

      width: 320
      height: parent.height
      Text {
        width: 320
        height: parent.height
        text: 'Tu jest tekst'
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
      }

      Button {
          text: 'Ok'
      }

    }
}

Chciałem, żeby tekst był na środku, działało nawet dopóki nie dodałem ColumnLayout. Gdy jest layout to nawet pomimo tego, że na każdym etapie ustawiam width to tekst jest po lewej stronie (jakby kontener Text się nie rozszerzał). Co robię źle?

Wygląda dosłownie jak twoje pytanie: https://stackoverflow.com/questions/51004676/center-element-inside-qml-columnlayout