الصفحات القابلة للتمرير وعروض القوائم

Kirigami.ScrollablePage {
    id: root
    //سيكون المستطيل قابلًا للتمرير آليًا
    Rectangle {
        width: root.width
        height: 99999
    }
}

Kirigami.ScrollablePage {
    ListView {
        id: listView
        Kirigami.PlaceholderMessage {
            anchors.centerIn: parent
            width: parent.width - (Kirigami.Units.largeSpacing * 4)
            visible: listView.count === 0
            text: i18n("No data found")
            helpfulAction: Kirigami.Action {
            text: i18n("Load data")
                // المزيد من الشيفرة...
            }
        }
        model: // شيفرة النموذج...
    }
}

Kirigami.ScrollablePage {
    titleDelegate: Kirigami.SearchField {
        Layout.topMargin: Kirigami.Units.smallSpacing
        Layout.bottomMargin: Kirigami.Units.smallSpacing
        Layout.fillHeight: true
        Layout.fillWidth: true
        onTextChanged: mySortFilterModel.filterText = text
        KeyNavigation.tab: listView
    }

    ListView {
        id: listView
        // باقي شيفرة عرض القائمة...
    }
}

Kirigami.ScrollablePage {
    id: view
    supportsRefreshing: true
    onRefreshingChanged: {
        if (refreshing) {
            myModel.refresh();
        }
    }
    ListView {
        // ملاحظة: MyModel لا يأتي من المكونات، إنه مجرد مثال على كيفية استخدامه مع بعض منطق التطبيق
        // الذي يمكنه تحديث نموذج القائمة والإشارة عند الانتهاء.
        model: MyModel {
            onRefreshDone: view.refreshing = false;
        }
        delegate: BasicListItem {}
    }
}