Click for image

I've tried several solutions but none of them works smoothly enough. Any ideas?

import QtQuick 2.7
Item
{
    width: 600
    height: 100
    ListModel {
        id: myModel
        ListElement { w: 100 }
        ListElement { w: 50 }
        ListElement { w: 200 }
        ListElement { w: 50 }
        ListElement { w: 20 }
    }
 
    Rectangle {
        id: wrapper
        width: parent.width
        height: parent.height
        ListView {
            id: view
             anchors.fill: parent
             spacing: 15
             model: myModel
             orientation: ListView.Horizontal
             delegate: Item {
                 width: w
                 height: parent.height
                 Rectangle {
                     anchors.centerIn: parent
                     width: parent.width
                     height: parent.height
                     color: "cyan"
                     Text {
                         text: index
                         anchors.centerIn: parent
                     }
                 }
             }
             preferredHighlightBegin: width / 2
             preferredHighlightEnd: width / 2
             highlightRangeMode: ListView.StrictlyEnforceRange
             // One possible solution - but produces strange 'jerking' repositions
             onCurrentItemChanged: {
                 wrapper.x = -currentItem.width / 2
             }
        }
    }
}