Flickable {
    width: 300
    height: 500
    contentHeight: col.height
    Column {
        id: col
        PathView {
            clip: true
            width: 300
            height: 300
            model: 50
            pathItemCount: 4
            path: Path {
                startX: 150
                startY: -50
                PathLine {
                    x: 150
                    y: 350
                }
            }

            delegate: Rectangle {
                width: 300
                height: 100
                color: "transparent"
                border.width: 4
                border.color: "green"
                Text {
                    anchors.centerIn: parent
                    font.pixelSize: 50
                    text: parent.PathView.view.dragging + ":" + parent.PathView.view.flicking
                }
            }
        }
        Rectangle {
                color: "yellow"
                width: 300
                height: 600
            }
    }
}