components/virtuallistdynamic
레이아웃과 대용량 데이터 · 49 / 64

VirtualList (Dynamic)

ui.widgets.VirtualList

행 높이가 다른 가상 목록.

BEHAVIOR CONTRACT

측정, 추정, 스크롤 앵커로 높이가 다른 행이 스크롤 중 튀지 않습니다.

RECORDED INTERACTION

harness가 높이가 다른 목록을 스크롤합니다.

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;
}
GitHub에서 소스 보기examples/storybook/stories.zig:2974

Storybook에 있는 이 story의 원본 코드입니다(zenit 5f9add5+wip 2026-09-30). W는 ui.widgets이며, col / row / label은 Storybook 내부의 작은 레이아웃 헬퍼입니다.

zenit · 이중 라이선스오픈 소스 프로젝트는 GPL-3.0-only로 무료 사용할 수 있으며, 비공개 소스나 상용 제품에는 상용 라이선스가 필요합니다.작성자 연락처: zongyi.xzy#gmail.com (#을 @로 바꾸세요)zenit 5f9add5+wip 2026-09-30