QML StackView推送具有属性的组件

时间:2016-07-04 20:20:36

标签: qt qml qtquickcontrols

在QML StackView docs中,提到您可以使用以下属性推送item
stackView.push({item: someItem, properties: {fgcolor: "red", bgcolor: "blue"}})

有没有办法可以推送component属性?我的组件基本上是针对我的应用程序的不同视图的其他.qml文件的包装器,例如:

Component{
    id: loginComponent
    Login{}//The Login.qml file of my project
}

这就是我正在尝试的:
Main.qml

    ApplicationWindow {
    id: appWindow
    visible: true
    width: Screen.desktopAvailableWidth
    height: Screen.desktopAvailableHeight
    property alias stackv: stackv
    property alias loginComponent: loginCom
        StackView {
        id: stackv
        anchors.top: topHeader.bottom
        anchors.topMargin: 10
        anchors.bottom: parent.bottom
        width: parent.width
        focus: true
            Component {
            id: loginCom
            Login {
                anchors.fill: parent
            }
        }
    }
    }

在另一个QML文件中,它作为组件被推送到stackview,我在其中一个按钮的onClick方法上尝试这个:

onClicked: {
            appWindow.stackv.push({item: appWindow.loginComponent})
        }

我遇到了这个错误:

  

QML StackView:推送:无需推送

如果我在没有item属性的情况下尝试此操作,则可行。但是,无论哪种方式,我都无法推动属性。

1 个答案:

答案 0 :(得分:5)

documentation you linked to中,第一句话说:

  

推送到StackView的项目可以是Item,URL,包含URL的字符串或Component。

所以只需传递一个组件:

stackView.push({item: loginComponent, properties: {/*...*/}})

编辑:事实证明,在您编辑问题并添加了警告输出之后,您实际上正在使用来自Qt Quick Controls 2的StackView,而不是来自文档链接指向的Qt Quick Controls 1。