获取锚点以填充 parent 中的剩余区域

Question

我有一个名为 MyComponent 的 QML 组件，我有以下实例：

MyComponent {
    id: rightComponent

    SettingsScreenHeader {
        id: settingsHeader
    }

    SettingsScreen {
        id: settingsScreen
    }

    StackView {
        id: settingsStack
        anchors.fill: parent
        initialItem: settingsScreen
    }
}

SettingsScreenHeader 和 SettingsScreen 是另外两个组件。当我在 StackView object 中执行 anchors.fill: parent 时，它占用了所有 space 并且 header object 被遮盖了。有没有办法告诉它填充 parent 中所有剩余的 space?

Answer 1

尝试使用 ColumnLayout:

MyComponent {
    id: rightComponent

    ColumnLayout {
        anchors.fill: parent

        SettingsScreenHeader {
            id: settingsHeader
            Layout.fillWidth: true
        }

        SettingsScreen {
            id: settingsScreen
            Layout.fillWidth: true
        }

        StackView {
            id: settingsStack
            Layout.fillHeight: true
            Layout.fillWidth: true
            initialItem: settingsScreen
        }
    }
}

有关详细信息，请参阅 documentation。