Flickable {
        anchors.fill: parent
        contentWidth: flow.width
        contentHeight: flow.height
        clip: true

        Flow {
            id: flow

            spacing: 10
            width: 2500

            Repeater {
                model: 2000

                Rectangle {
                    id: rectangleButton

                    implicitWidth: 100
                    implicitHeight: 50
                    color: tapHandler.pressed ? "orange" : "grey"

                    Text {
                        anchors.centerIn: parent
                        text: modelData
                    }
                    TapHandler {
                        id: tapHandler

                        gesturePolicy: TapHandler.ReleaseWithinBounds
                        onTapped: console.debug("Tapped!")
                    }
                }

//                Button {
//                    id: normalButton

//                    text: "%1".arg(modelData)
//                    onClicked: console.debug("Clicked!")
//                }
            }
        }
    }