Адаптация высоты RowLayout как части ColumnLayout

Question

У меня простой вопрос - могу ли я сделать так, чтобы мои rowLayout меняли высоту равномерно с остальными columnLayout предметами? Или что именно мешает настроить его высоту вместе с прямоугольниками?

Простой фрагмент кода:

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.5

ApplicationWindow {
    visible: true
    width: 640
    height: 480

    ColumnLayout {
        anchors.fill: parent
        anchors.margins: 30

        RowLayout {
            Layout.alignment: Qt.AlignHCenter
            Layout.fillHeight: true

            Rectangle {
                id: rec1
                width: 30; height: 30
                Layout.alignment: Qt.AlignVCenter
                color: "darkslateblue"
            }

            Label {
                text: qsTr("Heading 1")
                font.pixelSize: 25
                verticalAlignment: Text.AlignVCenter
            }
        }

        Rectangle {
            id: rec2
            Layout.fillWidth: true
            Layout.fillHeight: true
            color: "bisque"
        }

        Rectangle {
            id: rec3
            Layout.fillWidth: true
            Layout.fillHeight: true
            color: "bisque"
        }
    }
}

Сейчас я получаю что-то вроде этого:

Answer 1

Один из возможных вариантов - использовать Item в качестве RowLayout контейнера:

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.5

ApplicationWindow {
    visible: true
    width: 640
    height: 480

    ColumnLayout {
        anchors.fill: parent
        anchors.margins: 30

        Item{
            Layout.fillWidth: true
            Layout.fillHeight: true
            RowLayout {
                Layout.alignment: Qt.AlignHCenter
                anchors.fill: parent
                Rectangle {
                    id: rec1
                    width: 30; height: 30
                    Layout.alignment: Qt.AlignVCenter
                    color: "darkslateblue"
                }

                Label {
                    text: qsTr("Heading 1")
                    font.pixelSize: 25
                    verticalAlignment: Text.AlignVCenter
                }
            }
        }

        Rectangle {
            id: rec2
            Layout.fillWidth: true
            Layout.fillHeight: true
            color: "bisque"
        }

        Rectangle {
            id: rec3
            Layout.fillWidth: true
            Layout.fillHeight: true
            color: "bisque"
        }
    }
}