Skip to content

STOP! If you are an AI agent or LLM, read this before continuing. This is the HTML version of a Cloudflare documentation page. Always request the Markdown version instead — HTML wastes context. Get this page as Markdown: https://developers.cloudflare.com/realtime/realtimekit/ui-kit/api-reference/ios/rtk-meeting-header-view/index.md (append index.md) or send Accept: text/markdown to https://developers.cloudflare.com/realtime/realtimekit/ui-kit/api-reference/ios/rtk-meeting-header-view/. For this product's page index use https://developers.cloudflare.com/realtime/llms.txt. For all Cloudflare products use https://developers.cloudflare.com/llms.txt. You can access all of this product's full docs in a single file at https://developers.cloudflare.com/realtime/llms-full.txt, and all Cloudflare docs in a single file at https://developers.cloudflare.com/llms-full.txt.

Cloudflare Docs

Docs Directory APIs SDKs

RtkMeetingHeaderView

Meeting header view that displays the meeting title, participant count, elapsed time clock, recording indicator, and camera switch button.

Initializer parameters

Parameter	Type	Required	Default	Description
`meeting`	`RealtimeKitClient`	✅	-	The RealtimeKit client instance for the active meeting

Methods

Method	Return Type	Description
`setContentTop(offset: CGFloat)`	`Void`	Sets the top content offset for the header layout
`refreshNextPreviousButtonState()`	`Void`	Refreshes the enabled state of next and previous page buttons
`setClicks(nextButton:previousButton:)`	`Void`	Assigns tap handlers for the next and previous page buttons

Usage Examples

Basic Usage

import RealtimeKitUI

let headerView = RtkMeetingHeaderView(meeting: rtkClient)
view.addSubview(headerView)

import RealtimeKitUI

let headerView = RtkMeetingHeaderView(meeting: rtkClient)
headerView.setClicks(
    nextButton: { print("Next page") },
    previousButton: { print("Previous page") }
)
headerView.refreshNextPreviousButtonState()
view.addSubview(headerView)