MediaSFU React Native
    Preparing search index...

    Interface ControlButtonsAltComponentOptions

    Options for rendering ControlButtonsAltComponent.

    ControlButtonsAltComponentOptions

    Buttons & Visibility:

    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?: StyleProp<ViewStyle>;
        renderContent?: (
            options: {
                defaultContent: Element;
                dimensions: { width: number; height: number };
            },
        ) => Element;
        renderContainer?: (
            options: {
                defaultContainer: Element;
                dimensions: { width: number; height: number };
            },
        ) => Element;
    }
    Index

    Properties

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

    Properties

    buttons: AltButton[]

    Collection of compact control descriptors to display.

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

    Horizontal anchor within the container.

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

    Vertical anchor within the container.

    direction?: "horizontal" | "vertical"

    Axis along which buttons are arranged.

    Appearance:

    buttonsContainerStyle?: StyleProp<ViewStyle>

    Additional styles for the internal buttons wrapper.

    alternateIconComponent?: Element

    Shared alternate icon used when buttons are active.

    iconComponent?: Element

    Shared default icon used when buttons are inactive.

    Advanced Render Overrides:

    showAspect?: boolean

    Toggles visibility of the entire button group.

    Layout & Positioning:

    style?: StyleProp<ViewStyle>

    Extra styles for the outer container.

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

    Wrap or replace the default button rendering while receiving layout dimensions.

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

    Override the top-level container element to integrate with external layout systems.

    Settings

    Member Visibility

    On This Page

    Properties