LazyComponent

What problem does it solve?

Provide a concise mechanism to render child content only when it enters the viewport, improving initial render performance in complex UIs.

Core Features & Use Cases

• On-demand rendering: Render children only after exposure to viewport, reducing initial load time.
• Optional unload: If unloadable is enabled, free memory when content exits the viewport.
• Flexible exposure controls: Supports adjustable exposure margins via top, bottom, left, and right props.
• Usage scenarios: Ideal for long lists, lazy-loaded components inside ScrollView, and virtualization patterns.

Quick Start

Place a LazyComponent with unique scene and pid around your content to enable on-viewport loading.