MediaSFU React Native
    Preparing search index...

    Interface MainContainerComponentOptions

    Options for rendering MainContainerComponent.

    MainContainerComponentOptions

    Content:

    interface MainContainerComponentOptions {
        backgroundColor?: string;
        children: ReactNode;
        containerWidthFraction?: number;
        containerHeightFraction?: number;
        marginLeft?: number;
        marginRight?: number;
        marginTop?: number;
        marginBottom?: number;
        padding?: number;
        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

    backgroundColor? children containerWidthFraction? containerHeightFraction? marginLeft? marginRight? marginTop? marginBottom? padding? style? renderContent? renderContainer?

    Properties

    backgroundColor?: string

    Background color applied to the wrapper.

    children: ReactNode

    Elements rendered inside the container.

    Appearance:

    containerWidthFraction?: number

    Fraction of the window width to occupy.

    containerHeightFraction?: number

    Fraction of the window height to occupy.

    Advanced Render Overrides:

    marginLeft?: number
    marginRight?: number
    marginTop?: number
    marginBottom?: number
    padding?: number
    style?: StyleProp<ViewStyle>

    Additional styles for the outer container.

    Sizing:

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

    Customize the container's internal content.

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

    Replace the outer container markup.

    Settings

    Member Visibility

    On This Page

    Properties