MediaSFU React Native
    Preparing search index...

    Interface MainGridComponentOptions

    Options for rendering MainGridComponent.

    MainGridComponentOptions

    Content:

    interface MainGridComponentOptions {
        children: ReactNode;
        backgroundColor: string;
        height: number;
        width: number;
        showAspect?: boolean;
        timeBackgroundColor?: string;
        showTimer?: boolean;
        meetingProgressTime: string;
        style?: StyleProp<ViewStyle>;
        renderContent?: (
            options: {
                defaultContent: Element;
                dimensions: { width: number; height: number };
            },
        ) => Element;
        renderContainer?: (
            options: {
                defaultContainer: Element;
                dimensions: { width: number; height: number };
            },
        ) => Element;
    }
    Index

    Properties

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

    Properties

    children: ReactNode

    Elements rendered inside the primary grid.

    Appearance:

    backgroundColor: string

    Background color of the root grid container.

    height: number

    Pixel height of the grid.

    width: number

    Pixel width of the grid.

    showAspect?: boolean

    Controls visibility of the grid shell.

    timeBackgroundColor?: string

    Optional background color passed to the timer.

    Advanced Render Overrides:

    showTimer?: boolean

    Toggles display of the meeting progress timer.

    meetingProgressTime: string

    Stringified duration shown on the timer.

    style?: StyleProp<ViewStyle>

    Additional styling for the container.

    Timer:

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

    Customize the internal content layout.

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

    Replace the outer grid wrapper.

    Settings

    Member Visibility

    On This Page

    Properties