MediaSFU React Native (Expo)
    Preparing search index...

    Interface OtherGridComponentOptions

    Configuration options for the OtherGridComponent.

    OtherGridComponentOptions

    Content:

    interface OtherGridComponentOptions {
        backgroundColor: string;
        children: ReactNode;
        width: string | number;
        height: string | number;
        showAspect?: boolean;
        timeBackgroundColor?: string;
        showTimer: boolean;
        meetingProgressTime: string;
        style?: object;
        renderContent?: (
            options: {
                defaultContent: ReactNode;
                dimensions: { width: number; height: number };
            },
        ) => ReactNode;
        renderContainer?: (
            options: {
                defaultContainer: ReactNode;
                dimensions: { width: number; height: number };
            },
        ) => ReactNode;
    }
    Index

    Properties

    backgroundColor children width height showAspect? timeBackgroundColor? showTimer meetingProgressTime style? renderContent? renderContainer?

    Properties

    backgroundColor: string

    Background color for the grid container

    children: ReactNode

    Child components to render inside the other grid (typically secondary video participants)

    Dimensions:

    width: string | number

    Width of the grid container (number in pixels or string with units)

    height: string | number

    Height of the grid container (number in pixels or string with units)

    Display Control:

    showAspect?: boolean

    Whether to show the grid container (false hides the entire grid)

    Meeting Progress Timer:

    timeBackgroundColor?: string

    Background color for the timer overlay

    Styling:

    showTimer: boolean

    Whether to display the meeting progress timer overlay

    meetingProgressTime: string

    Time string to display on the timer (e.g., "12:34", "01:05:23")

    style?: object

    Additional custom styles to apply to the container

    Advanced Render Overrides:

    renderContent?: (
        options: {
            defaultContent: ReactNode;
            dimensions: { width: number; height: number };
        },
    ) => ReactNode

    Optional custom renderer for grid content (receives defaultContent and dimensions)

    renderContainer?: (
        options: {
            defaultContainer: ReactNode;
            dimensions: { width: number; height: number };
        },
    ) => ReactNode

    Optional custom renderer for outer container (receives defaultContainer and dimensions)

    Settings

    Member Visibility

    On This Page

    Properties