MediaSFU React Native
    Preparing search index...

    Interface MediasfuUICustomOverrides

    MediasfuUICustomOverrides interface

    Comprehensive UI override map for all MediaSFU components and helper functions. Each key accepts a CustomComponentOverride or CustomFunctionOverride allowing you to fully replace or wrap default implementations.

    import { MediasfuUICustomOverrides } from './types';

    const uiOverrides: MediasfuUICustomOverrides = {
    mainContainer: {
    render: (props) => (
    <View style={{ borderWidth: 4, borderColor: 'purple' }}>
    <MainContainerComponent {...props} />
    </View>
    )
    },
    consumerResume: {
    wrap: (original) => async (params) => {
    const start = Date.now();
    const result = await original(params);
    console.log('Consumer resume took:', Date.now() - start, 'ms');
    return result;
    }
    }
    };
    interface MediasfuUICustomOverrides {
        mainContainer?: CustomComponentOverride<any>;
        mainAspect?: CustomComponentOverride<any>;
        mainScreen?: CustomComponentOverride<any>;
        mainGrid?: CustomComponentOverride<any>;
        subAspect?: CustomComponentOverride<any>;
        otherGrid?: CustomComponentOverride<any>;
        flexibleGrid?: CustomComponentOverride<any>;
        flexibleGridAlt?: CustomComponentOverride<any>;
        flexibleVideo?: CustomComponentOverride<any>;
        audioGrid?: CustomComponentOverride<any>;
        pagination?: CustomComponentOverride<any>;
        controlButtons?: CustomComponentOverride<any>;
        controlButtonsAlt?: CustomComponentOverride<any>;
        controlButtonsTouch?: CustomComponentOverride<any>;
        videoCard?: CustomComponentOverride<any>;
        audioCard?: CustomComponentOverride<any>;
        miniCard?: CustomComponentOverride<any>;
        miniAudio?: CustomComponentOverride<any>;
        meetingProgressTimer?: CustomComponentOverride<any>;
        miniAudioPlayer?: CustomComponentOverride<any>;
        loadingModal?: CustomComponentOverride<any>;
        alert?: CustomComponentOverride<any>;
        menuModal?: CustomComponentOverride<any>;
        eventSettingsModal?: CustomComponentOverride<any>;
        requestsModal?: CustomComponentOverride<any>;
        waitingRoomModal?: CustomComponentOverride<any>;
        coHostModal?: CustomComponentOverride<any>;
        mediaSettingsModal?: CustomComponentOverride<any>;
        participantsModal?: CustomComponentOverride<any>;
        messagesModal?: CustomComponentOverride<any>;
        displaySettingsModal?: CustomComponentOverride<any>;
        confirmExitModal?: CustomComponentOverride<any>;
        confirmHereModal?: CustomComponentOverride<any>;
        shareEventModal?: CustomComponentOverride<any>;
        recordingModal?: CustomComponentOverride<any>;
        pollModal?: CustomComponentOverride<any>;
        backgroundModal?: CustomComponentOverride<any>;
        breakoutRoomsModal?: CustomComponentOverride<any>;
        configureWhiteboardModal?: CustomComponentOverride<any>;
        whiteboard?: CustomComponentOverride<any>;
        screenboard?: CustomComponentOverride<any>;
        screenboardModal?: CustomComponentOverride<any>;
        welcomePage?: CustomComponentOverride<any>;
        preJoinPage?: CustomComponentOverride<any>;
        customMenuButtonsRenderer?: CustomComponentOverride<any>;
        consumerResume?: any;
        addVideosGrid?: any;
    }
    Index

    Properties

    mainContainer?: CustomComponentOverride<any>
    mainAspect?: CustomComponentOverride<any>
    mainScreen?: CustomComponentOverride<any>
    mainGrid?: CustomComponentOverride<any>
    subAspect?: CustomComponentOverride<any>
    otherGrid?: CustomComponentOverride<any>
    flexibleGrid?: CustomComponentOverride<any>
    flexibleGridAlt?: CustomComponentOverride<any>
    flexibleVideo?: CustomComponentOverride<any>
    audioGrid?: CustomComponentOverride<any>
    pagination?: CustomComponentOverride<any>
    controlButtons?: CustomComponentOverride<any>
    controlButtonsAlt?: CustomComponentOverride<any>
    controlButtonsTouch?: CustomComponentOverride<any>
    videoCard?: CustomComponentOverride<any>
    audioCard?: CustomComponentOverride<any>
    miniCard?: CustomComponentOverride<any>
    miniAudio?: CustomComponentOverride<any>
    meetingProgressTimer?: CustomComponentOverride<any>
    miniAudioPlayer?: CustomComponentOverride<any>
    loadingModal?: CustomComponentOverride<any>
    menuModal?: CustomComponentOverride<any>
    eventSettingsModal?: CustomComponentOverride<any>
    requestsModal?: CustomComponentOverride<any>
    waitingRoomModal?: CustomComponentOverride<any>
    coHostModal?: CustomComponentOverride<any>
    mediaSettingsModal?: CustomComponentOverride<any>
    participantsModal?: CustomComponentOverride<any>
    messagesModal?: CustomComponentOverride<any>
    displaySettingsModal?: CustomComponentOverride<any>
    confirmExitModal?: CustomComponentOverride<any>
    confirmHereModal?: CustomComponentOverride<any>
    shareEventModal?: CustomComponentOverride<any>
    recordingModal?: CustomComponentOverride<any>
    pollModal?: CustomComponentOverride<any>
    backgroundModal?: CustomComponentOverride<any>
    breakoutRoomsModal?: CustomComponentOverride<any>
    configureWhiteboardModal?: CustomComponentOverride<any>
    whiteboard?: CustomComponentOverride<any>
    screenboard?: CustomComponentOverride<any>
    screenboardModal?: CustomComponentOverride<any>
    welcomePage?: CustomComponentOverride<any>
    preJoinPage?: CustomComponentOverride<any>
    customMenuButtonsRenderer?: CustomComponentOverride<any>
    consumerResume?: any
    addVideosGrid?: any