如何在QML中重现Android的Pull to Refresh图标？

import QtQuick 2.0

Rectangle {
    id: root
    width: 40
    height: 40

    property real rotationAngle: 0

    Image {
        id: arrow
        source: "arrow.png"
        width: 24
        height: 24
        smooth: true
        transformOrigin: Item.Center
        rotation: root.rotationAngle
    }

    RotationAnimation {
        id: rotationAnimation
        target: arrow
        property: "rotation"
        from: 0
        to: 360
        duration: 1000
        running: false
        loops: Animation.Infinite
        easing.type: Easing.InOutQuad
    }

    Behavior on rotationAngle {
        NumberAnimation {
            duration: 200
        }
    }

    onVisibleChanged: {
        if (visible) {
            rotationAnimation.running = true
        } else {
            rotationAnimation.running = false
        }
    }
}

import QtQuick 2.0

Item {
    width: 400
    height: 600

    ListView {
        id: listView
        anchors.fill: parent
        model: ListModel {
            ListElement { text: "Item 1" }
            ListElement { text: "Item 2" }
            ListElement { text: "Item 3" }
            // ...
        }

        delegate: Item {
            width: listView.width
            height: 80

            Rectangle {
                id: content
                anchors.fill: parent
                color: "white"

                // ...

                PullToRefreshIndicator {
                    id: refreshIndicator
                    anchors.centerIn: parent
                    visible: listView.pulling
                }
            }
        }

        onPullingChanged: {
            if (pulling) {
                // 触发下拉刷新操作
            }
        }
    }
}