MediaSFU React Native
    Preparing search index...

    Interface ControlButtonsComponentTouchOptions

    Options for rendering ControlButtonsComponentTouch.

    ControlButtonsComponentTouchOptions

    Buttons & Behaviour:

    interface ControlButtonsComponentTouchOptions {
        buttons: ButtonTouch[];
        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: ButtonTouch[]

    Ordered collection of touch buttons to display.

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

    Horizontal alignment anchor relative to the screen.

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

    Vertical alignment anchor.

    direction?: "horizontal" | "vertical"

    Axis to lay out the buttons.

    Appearance:

    buttonsContainerStyle?: StyleProp<ViewStyle>

    Additional styling 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 control group.

    Layout & Positioning:

    style?: StyleProp<ViewStyle>

    Extra styles for the outer container.

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

    Override the default button rendering while receiving the computed dimensions.

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

    Replace the entire container wrapper while keeping dimension awareness.

    Settings

    Member Visibility

    On This Page

    Properties