Qml水平滚动条用于垂直列表视图

Question

我的示例应用程序如下。 垂直滚动条工作正常。但水平滚动条手柄只是填充整个宽度，所以我不能使用水平滚动条滚动。

我尝试使用Flickable，水平和垂直都工作正常。 Listview继承Flickable，所以它也可以在这里工作，但它不是。

    ApplicationWindow {
    visible: true
    width: 640
    height: 480

    Rectangle {
        width: 400;
        height: 300;

        ListView {
            id: list;
            width: parent.width
            height: parent.height
            contentWidth:  parent.width * 4
            model: 20;
            clip : true
            delegate: Rectangle {
                height: 50;
                width: parent.width;
                color: (model.index %2 === 0 ? "darkgray" : "lightgray");
            }
            ScrollBar.horizontal: ScrollBar{
                contentItem: Rectangle {
                    implicitWidth: 6
                    implicitHeight: 100
                    radius: width / 2
                    color: "black"
                }}
            ScrollBar.vertical: ScrollBar{contentItem: Rectangle {
                    implicitWidth: 6
                    implicitHeight: 100
                    radius: width / 2
                    color: "black"
                }}

        }

    }
}