不会滚动的 ScrollView

Question

我的流量远远超出了屏幕底部。所以我把它包裹在一个 ScrollView 中；但是，我就是做不到。

一个（小）问题是将 contentWidth 设置为 parent.width 以外的任何值会导致流不显示任何内容。我不必设置 contentWidth/contentHeight 因为 scrollView 包含一个项目。（但不设置这些会导致空滚动视图）。

主要问题是视图不可滚动（一旦我有内容显示）。我可以看到底部的内容截断，但我无法用鼠标拖动它 up/down，也没有出现滚动条。怎么了？

Rectangle {
    anchors {
        top: buttons.bottom
        left: parent.left
        right: parent.right
        bottom: parent.bottom
    }
    ScrollView {
        clip: true
        contentHeight:  gatewayFlow.implicitHeight
        contentWidth:  parent.width // availableWidth // gatewayFlow.implicitWidth
        Flow {
            id: gatewayFlow
            anchors.fill: parent
            spacing: 10
            Gateway { }
            Gateway { }
            Gateway { }
            Gateway { }
            Gateway { }
            Gateway { }
            Gateway { }
            Gateway { }
            Gateway { }
        }  // Flow
    } // ScrollView
}  // Rectange

Answer 1

问题是您的 ScrollView 默认情况下会扩大和缩小其宽度和高度以匹配内容大小，如果您没有以其他方式限制它们的话。如果宽度和高度与内容的宽度和高度相匹配，您自然不会得到任何滚动。

将此添加到 ScrollView 以对其进行约束并获取内容的实际滚动行为：

    anchors.fill: parent

不会滚动的 ScrollView

ScrollView that won't scroll

scrollview

qml