import QtQuick 2.10
import QtQuick.Window 2.3
import QtQuick.Controls 2.3

ApplicationWindow {
    id: mainWindow
    visible: true

    StackView
    {
        id: stackView
        anchors.fill: parent
        replaceEnter: Transition {
            XAnimator { from: stackView.width; to: 0; duration: 1000; easing.type: Easing.OutCubic }
        }
        replaceExit: Transition {
            XAnimator { from: 0; to: -stackView.width; duration: 1000; easing.type: Easing.OutCubic }
        }
        initialItem: redRect
    }

    Row
    {
        spacing: 10
        anchors.centerIn: parent
        Button
        {
            text: "red"
            onClicked:  stackView.replace(redRect)
        }
        Button
        {
            text: "blue"
            onClicked: stackView.replace(blueRect)
        }
    }

    Rectangle { id: blueRect; color: "blue"}
    Rectangle { id: redRect; color: "red" }
}