import QtQuick 2.6
import QtQuick.Controls 2.0

ApplicationWindow {
    visible: true
    width: 640
    height: 480

    StackView {
        id: stackView

        anchors.fill: parent
        initialItem: first
    }

    Rectangle {
        id: first

        color: "green"
        onXChanged: console.log(x)
    }

    Component {
        id: second

        Rectangle {
            color: "blue"
        }
    }


    footer: Row {
        spacing: 10

        Button {
            text: "switch"
            onClicked: stackView.replace(null, second)
        }

        Button {
            text: "back"
//            onClicked: stackView.replace(null, first)
            onClicked: {
                stackView.clear()
                stackView.push(first)
            }
        }
    }
}