Configuration options for the aspect container
Optional
deprecatedLegacyContext: anyRendered responsive aspect container
Optional
propUsed to declare the types of the props accepted by the component. These types will be checked during rendering and in development only.
We recommend using TypeScript instead of checking prop types at runtime.
Optional
contextOptional
defaultUsed to define default values for the props accepted by the component.
Optional
displayUsed in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.
MainAspectComponent - Responsive container with screen size detection
MainAspectComponent is a React Native component that dynamically adjusts its dimensions based on window size and provides real-time screen size state updates (wide/medium/small). It automatically recalculates dimensions on window resize and adjusts available height when control bars are visible.
Key Features:
UI Customization: This component can be replaced via
uiOverrides.mainAspectComponent
to provide a completely custom aspect-aware container.Component
Example
Example
Example
Example