MediaSFU React Native
    Preparing search index...

    Variable ControlButtonsComponentTouchConst

    ControlButtonsComponentTouch: React.FC<ControlButtonsComponentTouchOptions> = ...

    ControlButtonsComponentTouch renders an absolute-positioned toolbar designed for touch-first interfaces.

    • Aligns button rows/columns to any screen edge via position and location anchors.
    • Supports icon overrides, alternate active states, and fully custom button components.
    • Exposes render overrides for container/content replacement while preserving positioning data.
    • Buttons rely on Pressable, enabling default accessibility roles and pressed feedback.
    • Callers can inject accessible labels within customComponent when more context is required.

    Touch control configuration.

    Rendered control button group for touch devices.

    <ControlButtonsComponentTouch
      buttons={[
        { icon: 'microphone', alternateIcon: 'microphone-slash', active: isMuted, onPress: toggleMute, show: true },
        { icon: 'video', alternateIcon: 'video-slash', active: isVideoOff, onPress: toggleVideo }
      ]}
      position="right"
      location="bottom"
      direction="horizontal"
      showAspect
    />

    Settings

    Member Visibility

    On This Page

    Key FeaturesAccessibility