MediaSFU React Native
    Preparing search index...

    Interface MiniCardOptions

    Options for rendering a MiniCard.

    MiniCardOptions

    Appearance:

    interface MiniCardOptions {
        initials?: string;
        fontSize?: number;
        customStyle?: StyleProp<ViewStyle>;
        imageSource?: string;
        roundedImage?: boolean;
        imageStyle?: StyleProp<ImageStyle>;
        showVideoIcon?: boolean;
        showAudioIcon?: boolean;
        name?: string;
        customMiniCard?: CustomMiniCardType;
        parameters?: any;
        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

    initials? fontSize? customStyle? imageSource? roundedImage? imageStyle? showVideoIcon? showAudioIcon? name? customMiniCard? parameters? style? renderContent? renderContainer?

    Properties

    initials?: string

    Fallback initials when no image is provided.

    fontSize?: number

    Font size for initials.

    customStyle?: StyleProp<ViewStyle>

    Styling for the inner card surface.

    imageSource?: string

    Optional avatar URL.

    roundedImage?: boolean

    Whether to round the avatar image.

    imageStyle?: StyleProp<ImageStyle>

    Additional avatar styling.

    Badges:

    showVideoIcon?: boolean

    Indicates video availability.

    showAudioIcon?: boolean

    Indicates audio availability.

    name?: string

    Participant name associated with the card.

    Customization:

    customMiniCard?: CustomMiniCardType

    Override for the default mini card presentation.

    parameters?: any

    Additional data forwarded to custom renderers.

    Advanced Render Overrides:

    style?: StyleProp<ViewStyle>

    Styling applied to the outer wrapper.

    Imagery:

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

    Override the internal card structure.

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

    Override the surrounding container implementation.

    Settings

    Member Visibility

    On This Page

    Properties