Lobby

Pre-meeting component for testing setup before joining. Includes:

• Call details - ID and meeting information
• Current participants - Who's already in the meeting
• Media controls - Audio/video mute status before joining
• Join button - Handler for entering the meeting

General usage

import { useCallback } from "react";
import { Lobby, useCall } from "@stream-io/video-react-native-sdk";

const LobbyComponent = () => {
  const onJoinCallHandler = () => {
    // Handle what should happen after the call is joined. Eg: navigation, etc.
  };

  return <Lobby onJoinCallHandler={onJoinCallHandler} />;
};

Props

landscape

onJoinCallHandler

Handler to be called when the call is joined using the join button in the Lobby.

LobbyControls

Prop to customize the media controls in the Lobby component entirely.

JoinCallButton

Prop to customize the Join call button in the Lobby component.

LobbyFooter

Prop to customize the Lobby Footer in the Lobby component.