Interface ControlButtonsComponentTouchOptions

Configuration options for the ControlButtonsComponentTouch.

ControlButtonsComponentTouchOptions

Button Configuration:

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?: object;
    renderContent?: ((options: {
        defaultContent: ReactNode;
        dimensions: {
            width: number;
            height: number;
        };
    }) => ReactNode);
    renderContainer?: ((options: {
        defaultContainer: ReactNode;
        dimensions: {
            width: number;
            height: number;
        };
    }) => ReactNode);
}

Properties

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

Properties

buttons

buttons: ButtonTouch[]

Array of touch-optimized button configurations

Absolute Positioning:

Optionalposition

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

Horizontal screen position

Optionallocation

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

Vertical screen position

Optionaldirection

direction?: "horizontal" | "vertical"

Button arrangement direction

Display Control:

OptionalbuttonsContainerStyle

buttonsContainerStyle?: StyleProp<ViewStyle>

Custom styles for buttons container

OptionalalternateIconComponent

alternateIconComponent?: Element

Global alternate icon component

OptionaliconComponent

iconComponent?: Element

Global icon component

Advanced Render Overrides:

OptionalshowAspect

showAspect?: boolean

Whether to show the button group overlay

Styling:

Optionalstyle

style?: object

Additional custom styles for outer container

Custom Icons:

OptionalrenderContent

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

Optional custom renderer for button content (receives defaultContent and dimensions)

OptionalrenderContainer

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