QML: как равномерно распределить в RowAlignment?

Question

У меня есть код QML ниже:

RowLayout {
    anchors.fill: parent
    spacing: 2

    Rectangle {
        Layout.alignment: Qt.AlignCenter
        Layout.preferredWidth: 60
        Layout.preferredHeight: 60

        color: "red"
    }

    Rectangle {
        Layout.alignment: Qt.AlignCenter
        Layout.preferredWidth: 60
        Layout.preferredHeight: 60

        color: "green"
    }

И я получаю распределение следующим образом:

RECT<--><-->RECT<-->">

Но я хотел бы иметь другой выпуск:

RECT<--->RECT<--->">

Как я могу это сделать? Идеально без JS. Заранее спасибо!

Answer 1

Это не так приятно, как хотелось бы видеть, но это помогает мне:

RowLayout {
    anchors.fill: parent
    spacing: 0

    Item {
        Layout.fillWidth: true
    }

    Rectangle {
        Layout.preferredWidth: 60
        Layout.preferredHeight: 60

        color: "red"
    }

    Item {
        Layout.fillWidth: true
    }

    Rectangle {
        Layout.preferredWidth: 60
        Layout.preferredHeight: 60

        color: "green"
    }

    Item {
        Layout.fillWidth: true
    }
}