RtkUIProvider

Last updated Oct 19, 2026 Context provider component that wraps the meeting UI. Provides SafeAreaView, state management, and back button handling. Must wrap all Rtk UI components.

Properties

Usage Examples

Basic Usage

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

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

With Properties

import {
    RtkUIProvider,
    RtkGrid,
    RtkControlbar,
    RtkHeader,
} from "@cloudflare/realtimekit-react-native-ui";

function App() {
    return (
        <RtkUIProvider>
            <RtkHeader meeting={meeting} />
            <RtkGrid meeting={meeting} />
            <RtkControlbar meeting={meeting} />
        </RtkUIProvider>
    );
}

Was this helpful?

YesNo

On this page

Docs

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

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.