RtkMeeting

Last updated Oct 19, 2026 The top-level meeting component that orchestrates the entire meeting UI. Manages meeting lifecycle (idle, setup, joined, ended, waiting states), applies design system, handles room join/leave events, and renders the appropriate screen. With this component, you do not have to handle all the states, dialogs, and other smaller bits of managing the application.

Properties

Property Type Required Default Description
meeting RealtimeKitClient ✅ - The RealtimeKit meeting instance
applyDesignSystem boolean ❌ true Whether to apply the preset design system colors from the meeting config
config UIConfig ❌ defaultConfig UI configuration object
iconPackUrl string ❌ '' URL to fetch a custom icon pack from
showSetupScreen boolean ❌ true Whether to show the setup/preview screen before joining
iOSScreenshareEnabled boolean ❌ false Turn on screenshare on iOS (requires additional native setup)
t RtkI18n ❌ - i18n translation function

Usage Examples

Basic Usage

import { RtkMeeting } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
    return <RtkMeeting meeting={meeting} />;
}

With Properties

import { RtkMeeting } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
    return (
        <RtkMeeting
            meeting={meeting}
            applyDesignSystem={true}
            showSetupScreen={true}
            iOSScreenshareEnabled={false}
        />
    );
}

Was this helpful?

YesNo

On this page

RtkMeeting - 图1Docs

{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkmeeting/#page","headline":"RtkMeeting","description":"API reference for RtkMeeting component (React Native Library)","url":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkmeeting/","inLanguage":"en","image":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkmeeting/og.png?v=ccf1155879c62afe","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 RtkMeetingTitle component (React Native Library) title: RtkMeetingTitle image: https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkmeetingtitle/og.png?v=1d8678b25a56f256

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.