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

    Interface ControlButtonsAltComponentOptions

    Configuration options for the ControlButtonsAltComponent.

    ControlButtonsAltComponentOptions

    Button Configuration:

    interface ControlButtonsAltComponentOptions {
        buttons: AltButton[];
        position?: "left" | "right" | "middle";
        location?: "center" | "top" | "bottom";
        direction?: "horizontal" | "vertical";
        buttonsContainerStyle?: StyleProp<ViewStyle>;
        alternateIconComponent?: Element;
        iconComponent?: Element;
        showAspect?: boolean;
        style?: object;
        renderContent?: (
            options: {
                defaultContent: ReactNode;
                dimensions: { width: number; height: number };
            },
        ) => ReactNode;
        renderContainer?: (
            options: {
                defaultContainer: ReactNode;
                dimensions: { width: number; height: number };
            },
        ) => ReactNode;
    }
    Index

    Properties

    buttons position? location? direction? buttonsContainerStyle? alternateIconComponent? iconComponent? showAspect? style? renderContent? renderContainer?

    Properties

    buttons: AltButton[]

    Array of button configurations

    Absolute Positioning:

    position?: "left" | "right" | "middle"

    Horizontal screen position

    location?: "center" | "top" | "bottom"

    Vertical screen position

    direction?: "horizontal" | "vertical"

    Button arrangement direction

    Display Control:

    buttonsContainerStyle?: StyleProp<ViewStyle>

    Custom styles for buttons container

    alternateIconComponent?: Element

    Global alternate icon component

    iconComponent?: Element

    Global icon component

    Advanced Render Overrides:

    showAspect?: boolean

    Whether to show the button group overlay

    Styling:

    style?: object

    Additional custom styles for outer container

    Custom Icons:

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

    Optional custom renderer for button 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