components/virtuallistdynamic
Layout · 49 / 64

VirtualList (Dynamic)

ui.widgets.VirtualList

Eine virtuelle Liste mit variablen Zeilenhöhen.

BEHAVIOR CONTRACT

Messung, Schätzung und Scroll-Anker verhindern, dass variable Zeilen springen.

RECORDED INTERACTION

Der Harness scrollt die Liste mit variabler Höhe.

examples/storybook/stories.zig:2974
pub fn buildVirtualListDynamic(scope: *ui.Scope, cx: *ui.Cx) anyerror!*ui.Node {
    const vl = try W.VirtualList(.{
        .item_count = 2000,
        .measure_items = true,
        .estimate_item_height = 44,
        .width = 320,
        .height = 360,
    }).mount(scope, cx, vlDynRender);
    return vl.container;
}
Quellcode auf GitHub ansehenexamples/storybook/stories.zig:2974

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