RtkPluginMain

Renders an active plugin by loading plugin.component.src in a WebView. Includes a header bar with the plugin name, a fullscreen toggle, and an optional close button (shown when plugin.permissions.canDeactivate is true). Pressing close calls plugin.deactivate().

Properties

Property	Type	Required	Default	Description
meeting	RealtimeKitClient	✅	-	The RealtimeKit meeting instance
plugin	RTKPlugin	✅	-	The plugin to render
iconPack	IconPack	❌	defaultIconPack	Custom icon pack

Usage Examples

Basic Usage

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

function MyComponent() {
  return <RtkPluginMain meeting={meeting} plugin={activePlugin} />;
}

With Properties

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

function MyComponent() {
  return (
    <RtkPluginMain
      meeting={meeting}
      plugin={activePlugin}
      iconPack={customIconPack}
    />
  );
}