Variable SubAspectComponent`Const`

SubAspectComponent: React.FC<SubAspectComponentOptions> = ...

SubAspectComponent renders the auxiliary strip used for stage controls, resizing with the viewport and honoring the showControls flag. Consumers can override either the content or the container via render hooks.

Key Features

Dynamically sizes based on viewport and control visibility
Respects fractional width/height for flexible layouts
Adjusts height fraction when controls are shown/hidden
Re-renders on window dimension changes
Supports render overrides for custom layouts

Accessibility

Provides structural grouping for control elements
Children should include appropriate accessibility labels

Example

// Basic control strip at bottom
<SubAspectComponent
  backgroundColor="#2d2d2d"
  showControls
  defaultFractionSub={0.1}
>
  <ControlButtonsComponent buttons={controlButtons} />
</SubAspectComponent>

Example

// Hidden controls with custom fractions
<SubAspectComponent
  backgroundColor="transparent"
  showControls={false}
  containerWidthFraction={0.9}
  containerHeightFraction={0.15}
  defaultFractionSub={0.12}
  style={{ borderTopWidth: 1, borderTopColor: '#444' }}
>
  <ParticipantBar participants={participants} />
</SubAspectComponent>

Example

// With animated container
<SubAspectComponent
  backgroundColor="#000"
  showControls={controlsVisible}
  renderContainer={({ defaultContainer, dimensions }) => (
    <Animated.View style={{ height: slideAnim, overflow: 'hidden' }}>
      {defaultContainer}
    </Animated.View>
  )}
>
  <MeetingControls />
</SubAspectComponent>

Variable SubAspectComponent`Const`

Key Features

Accessibility

Example

Example

Example

Settings

On This Page

Variable SubAspectComponentConst

Key Features

Accessibility

Example

Example

Example

Settings

On This Page

Variable SubAspectComponent`Const`