import QtQuick
import QtQuick.Window
import QtQuick.Controls as QtC

Window {
    width: 640
    height: 480
    visible: true

    QtC.Button {
        id: button
        text: "Print first item"
        onClicked: {
            console.log(listView.itemAtIndex(0))
        }
    }

    ListView {
        id: listView
        anchors.fill: parent
        anchors.topMargin: button.height

        model: 100
        reuseItems: true
        cacheBuffer: 20

        spacing: 10

        delegate: Rectangle {
            required property int index

            width: ListView.view.width
            height: text.height

            Text {
                id: text
                text: index
            }

            color: "red"

            ListView.onRemove: {
                console.log("on remove", index)
            }

            ListView.onPooled: {
                console.log("on pooled", index)
            }

            ListView.onReused: {
                console.log("on reused", index)
            }
        }
    }
}