components/virtuallist
Layout · 48 / 64

VirtualList

ui.widgets.VirtualList

Bindet von großen gleichförmigen Listen nur den sichtbaren Ausschnitt ein.

BEHAVIOR CONTRACT

item_count, item_height, overscan, Wiederverwendung und Scroll-Offset ergeben stabile O(visible)-Kosten.

RECORDED INTERACTION

Der Harness scrollt; Nodes decken nur den sichtbaren Bereich ab.

examples/storybook/stories.zig:2944
pub fn buildVirtualList(scope: *ui.Scope, cx: *ui.Cx) anyerror!*ui.Node {
    const vl = try W.VirtualList(.{ .item_count = 1000, .item_height = 28, .width = 320, .height = 360 }).mount(scope, cx, vlRender);
    return vl.container;
}
Quellcode auf GitHub ansehenexamples/storybook/stories.zig:2944

Der unveränderte Quellcode der Story aus dem Storybook (zenit 5f9add5+wip 2026-09-30). W steht für ui.widgets; col / row / label sind kleine Layout-Helfer des Storybooks.

zenit · DoppellizenzKostenlos für Open-Source-Projekte unter GPL-3.0-only; Closed-Source- oder kommerzielle Produkte benötigen eine kommerzielle Lizenz.Kontakt zum Autor: zongyi.xzy#gmail.com (# durch @ ersetzen)zenit 5f9add5+wip 2026-09-30