QML ScrollView 滚动到底部

Question

我有一个滚动视图，其中 Uart 数据进入文本字段。 我希望一旦有新数据进入，文本字段就一直向下滚动。不幸的是，我没有找到如何做到这一点。

这是我尝试过的： Page2Form.ui.qml：

import QtQuick 2.9
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.3
Page {
    width: 600
    height: 400
    property double scrollPosition
    ScrollView {
       id: scrollviewUart
       ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
       ScrollBar.vertical.policy: ScrollBar.AlwaysOn
       ScrollBar.vertical.position: scrollPosition
       Layout.fillHeight: true
       Layout.fillWidth: true
       TextArea {
           id: textAreaUartRx
           anchors.fill: parent
           text: uartTextRx.text
       }
    }

}

Page2.qml：

import QtQuick 2.9
import QtQuick.Controls 2.2
import QtQuick.Controls.Styles 1.4
import QtQuick.Extras 1.4

Page2Form {
    textAreaUartRx.onTextChanged: {
        scrollPosition : 1 //also 0 does not change
    }
}

但是，在这种情况下，滚动字段总是跳到顶部。 我该如何正确地做到这一点？

Answer 1

您正在设置变量，但从不重置滚动条 position。 这样做： scrollviewUart.ScrollBar.vertical.position = scrollPosition

Answer 2

以下帮助了我：

scrollView.ScrollBar.vertical.position = scrollView.contentHeight