import QtQuick 2.9
import QtQuick.Controls 2.2

ApplicationWindow {
    width: 640
    height: 480
    title: qsTr("Tabs")
    visible: true

    SwipeView {
        anchors.fill: parent
        id: swipeView
        property int nbOfPages: 4
        onNbOfPagesChanged: console.log("onNbOfPagesChanged (now:", nbOfPages, ")")
        onCurrentIndexChanged: console.log("onCurrentIndexChanged (now:", currentIndex, ")")
        currentIndex: tabBar.currentIndex
        
        Repeater {
            model: swipeView.nbOfPages
            onModelChanged: console.log("onModelChanged")

            Loader {
                sourceComponent: Button {
                    text: "Increment model count"
                    onClicked: ++swipeView.nbOfPages
                }
            }
        }
    }

    header: TabBar {
        id: tabBar
        currentIndex: swipeView.currentIndex
    }
}