Overlay
An Overlay component for ReactLynx. It renders content in a native overlay layer above the main view tree.
OverlayView is a drop-in replacement for <overlay>. Prefer using it over raw <overlay> to reduce setup work and avoid platform quirks and mistakes.
It can render either a plain view (when container is not provided) or an <overlay> (when container is provided). Prefer using OverlayView over raw <overlay>.
Basic Usage
Structure
OverlayViewProps
childreniOSAndroidHarmony
children
classNameiOSAndroidHarmony
className
containeriOSAndroidHarmony
It is recommended to use a full-screen transparent container for the popup, as it offers better performance. Alternatively, you can also choose to use the popup through an overlay
debugLogiOSAndroidHarmony
Display debug logs. Open it when you find a bug.
idiOSAndroidHarmony
id
overlayLeveliOSAndroidHarmony
Only works when the container is set to a native container name. Adjust the display level of nearby elements. Manual changes to overlayLevel are not supported after rendering.
overlayViewPropsiOSAndroidHarmony
Additional props that will be spread to the underlying element
styleiOSAndroidHarmony
style
OverlayViewRef
getRect