ListView (and TableView) behaves badly for very large models

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import model1
ApplicationWindow {
    visible: true
    
    ListView {
        id: listView
        anchors.fill: parent
        model: model1
        
        ScrollBar.vertical: ScrollBar {
            policy: ScrollBar.AlwaysOn
        }
        
        delegate: Rectangle {
            width: listView.width
            height: 20
            Text {
                text: display
                anchors.centerIn: parent
            }
        }
    }
}

#include <QAbstractListModel>
class Model1 : public QAbstractListModel 
{
    Q_OBJECT
public:
    
    Model1(QObject* parent = nullptr): QAbstractListModel(parent) 
    {
    }
    
    int rowCount(const QModelIndex& parent = QModelIndex()) const override 
    {
        return 20000000;
    }
    
    QVariant data(const QModelIndex& index, int role = Qt::DisplayRole) const override 
    {
        if (role == Qt::DisplayRole)
            return index.row();

        return QVariant();
    }
};

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include "model1.h"
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    QQmlApplicationEngine engine;
    Model1 model;
    engine.rootContext()->setContextProperty("model1", &model);
    engine.loadFromModule("model1", "Main");
    
    return app.exec();
}