RtkPluginsView

Last updated Oct 19, 2026 A composite view for displaying plugins and screen share content. Includes a tab selector, plugin content area, and a floating active speaker view.

Initializer parameters

Parameter Type Required Default Description
videoPeerViewModel VideoPeerViewModel ✅ - The view model for the active speaker video

Properties

Property Type Required Default Description
activeListView RtkActiveTabSelectorView - - The tab selector for switching between plugins and screen shares
pluginVideoView UIView - - The container view for plugin content
syncButton UIButton - - Button to sync the plugin view with the presenter

Methods

Method Return Type Description
setButtons(buttons:selectedIndex:clickAction:) Void Configures the tab selector buttons with a selection handler
show(pluginView:) Void Displays a plugin view in the content area
showVideoView(participant:) Void Displays a participant's video in the content area
showPinnedView(participant:) Void Displays a pinned participant's video
showActiveSpeakerView(participant:) Void Shows the floating active speaker overlay
hideActiveSpeaker() Void Hides the floating active speaker overlay

Usage Examples

Basic Usage

import RealtimeKitUI

let viewModel = VideoPeerViewModel(
    meeting: rtkClient,
    participant: participant,
    showSelfPreviewVideo: false
)
let pluginsView = RtkPluginsView(videoPeerViewModel: viewModel)
view.addSubview(pluginsView)

With tab buttons

import RealtimeKitUI

let viewModel = VideoPeerViewModel(
    meeting: rtkClient,
    participant: participant,
    showSelfPreviewVideo: false
)
let pluginsView = RtkPluginsView(videoPeerViewModel: viewModel)

let buttons = [
    RtkPluginScreenShareTabButton(image: nil, title: "Screen Share"),
    RtkPluginScreenShareTabButton(image: nil, title: "Whiteboard")
]
pluginsView.setButtons(
    buttons: buttons,
    selectedIndex: 0,
    clickAction: { index in
        print("Selected tab: \(index)")
    }
)
view.addSubview(pluginsView)

Was this helpful?

YesNo

On this page

RtkPluginsView - 图1Docs

{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/ios/rtk-plugins-view/#page","headline":"RtkPluginsView","description":"API reference for RtkPluginsView component (iOS Library)","url":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/ios/rtk-plugins-view/","inLanguage":"en","image":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/ios/rtk-plugins-view/og.png?v=734972f4a82ed66a","dateModified":"2026-10-19","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}}

description: API reference for RtkRecordingView component (iOS Library) title: RtkRecordingView image: https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/ios/rtk-recording-view/og.png?v=e90fc0abfbd8b06f

Skip to content

Documentation Index
Fetch the complete documentation index at: https://developers.cloudflare.com/realtime/llms.txt
Use this file to discover all available pages before exploring further.