RtkUIProvider

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

Properties

Property	Type	Required	Default	Description
`children`	`ReactNode`	✅	-	Child components to wrap

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>
  );
}