import QtQuick 2.9
import QtQuick.Controls 2.3

ApplicationWindow {
    visible: true
    width: 512
    height: 380
    title: qsTr("Demo")

    header: ToolBar {
        Row {
            ToolButton {
                text: "push1"
                onClicked: stack1.push(firstItem.createObject())
            }

            ToolButton {
                text: "pop1"
                onClicked: stack1.pop().destroy()
            }
        }
    }

    Component {
        id: firstItem
        Item {
            Button {
                text: "push2"
                onClicked: stack2.push(secondItem.createObject())
            }

            Component {
                id: secondItem
                Item {
                    Component.onDestruction: console.log("second item destroyed")
                }
            }
        }
    }

    StackView {
        id: stack1
        width: parent.width/2
        height: parent.height
        initialItem: Item {}
    }

    StackView {
        id: stack2
        x: parent.width/2
        width: parent.width/2
        height: parent.height
        initialItem: Item {}
    }
}