MediaSFU React Native
    Preparing search index...

    Interface FlexibleGridOptions

    Options for rendering FlexibleGrid.

    FlexibleGridOptions

    Metrics:

    interface FlexibleGridOptions {
        customWidth: number;
        customHeight: number;
        rows: number;
        columns: number;
        componentsToRender: ReactNode[];
        showAspect?: boolean;
        backgroundColor?: 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

    customWidth: number

    Width applied to each cell.

    customHeight: number

    Height applied to each cell.

    rows: number

    Total rows to render.

    columns: number

    Total columns to render.

    Content:

    componentsToRender: ReactNode[]

    React children aligned to the grid order.

    Appearance:

    showAspect?: boolean

    Toggles a square aspect ratio wrapper.

    backgroundColor?: string

    Cell background color.

    style?: StyleProp<ViewStyle>

    Additional styles for the outer container.

    Advanced Render Overrides:

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

    Customize the inner grid markup.

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

    Replace the entire wrapping container.