MediaSFU React Native
    Preparing search index...

    Interface MiniCardAudioOptions

    Options for rendering a MiniCardAudio.

    MiniCardAudioOptions

    Appearance:

    interface MiniCardAudioOptions {
        customStyle?: StyleProp<ViewStyle>;
        name: string;
        showWaveform: boolean;
        overlayPosition?: OverlayPosition;
        barColor?: string;
        textColor?: string;
        imageSource?: string;
        roundedImage?: boolean;
        imageStyle?: StyleProp<ImageStyle>;
        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

    customStyle? name showWaveform overlayPosition? barColor? textColor? imageSource? roundedImage? imageStyle? style? renderContent? renderContainer?

    Properties

    customStyle?: StyleProp<ViewStyle>

    Additional styling for the audio card body.

    name: string

    Participant label text.

    showWaveform: boolean

    Toggles waveform animation visibility.

    overlayPosition?: OverlayPosition

    Overlay anchor for the name/waveform row.

    barColor?: string

    Waveform bar color.

    textColor?: string

    Participant text color.

    Advanced Render Overrides:

    imageSource?: string

    Optional background image.

    roundedImage?: boolean

    Whether the image should be rounded.

    imageStyle?: StyleProp<ImageStyle>

    Extra styling for the background image.

    Waveform & Overlay:

    style?: StyleProp<ViewStyle>

    Styling applied to the outer wrapper.

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

    Override for the internal layout.

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

    Override for the outer container.

    Settings

    Member Visibility

    On This Page

    Properties