import QtQuick
import QtQuick.Layouts

Window {
    id: window
    width: 640
    height: 480
    visible: true

    Rectangle {
        id: mainRect
        anchors.fill: parent
        TapHandler {
            onTapped: {
                mainRect.color = Qt.rgba(Math.random(), Math.random(), Math.random(), 1)
                console.log("Tapped")
            }
        }
    }

    Flickable {
        id: flickable
        anchors {
            fill: parent
            leftMargin: 50
            rightMargin: 50
        }
        contentWidth: content.implicitWidth
        contentHeight: content.implicitHeight

        ColumnLayout {
            id: content
            width: flickable.width
            Rectangle {
                Layout.fillWidth: true
                height: window.height / 2 + 100
                border.width: 1
                color: 'red'
                DragHandler {
                    onActiveChanged: console.log("Drag active: " + active)
                }
            }

            Rectangle {
                Layout.fillWidth: true
                height: window.height / 2 + 100
                border.width: 1
                color: 'blue'
            }
        }
    }
}