MediaSFU React Native
    Preparing search index...

    Variable BreakoutRoomsModalConst

    BreakoutRoomsModal: React.FC<BreakoutRoomsModalOptions> = ...

    BreakoutRoomsModal orchestrates the lifecycle of breakout rooms: creation, participant assignment, and coordination of start/stop events. It surfaces helpers for random/manual assignment, exposes socket context, and supports advanced customization through render overrides.

    • Random and manual room assignment with per-room validation.
    • Editing experience via nested modal for participant allocation.
    • Keeps track of breakout state flags (canStartBreakout, breakOutRoomStarted, etc.).
    • Provides override hooks and theming support for bespoke UI.
    • Buttons and controls include descriptive icons and labels.
    • Scroll views ensure large rosters remain navigable.

    Modal configuration and breakout parameters.

    Rendered breakout manager modal.

    <BreakoutRoomsModal
      isVisible={isVisible}
      onBreakoutRoomsClose={hide}
      parameters={parameters}
    />

    <BreakoutRoomsModal
      {...props}
      style={{ borderRadius: 20 }}
      renderContainer={({ defaultContainer }) => (
        <BlurView intensity={50}>{defaultContainer}</BlurView>
      )}
    />

    Settings

    Member Visibility

    On This Page

    Key FeaturesAccessibility